:root{
/*Sivuston värit*/
    --bg-color1: #303030;
    --bg-color2: #4185c6;
    --bg-color3: #fcf1ef;
    --bg-color4: #ffffff;
    --bg-color5: #d6d6d6; 

/*Reunaviivat*/
    --main-border1: 1px solid #303030;
    --main-border2: 1px solid #ffffff;

/*Fontti perheet*/
     --font-family1: 'Brown-Headline';
     --font-family2: 'Lato', sans-serif;
     --font-family3: "ObjektivMk1";
     --font-family3-bold: "ObjektivMk1-bold";
     --font-family3i: "DMSerifDisplay-Italic";
     --font-family4: 'Allura', cursive;

/*Fontti koot*/
    --font-size-small: 12px;
    --font-size1: 16px;
    --font-size2: 20px;
    --font-size3: 24px;
    --font-size4: 28px;
    --font-size5: 2.4em;

/*Välitykset*/
	--main-padding: 16px;
	--main-padding2: 20px;
	--small-padding: 12px;
	--mini-padding: 6px;
	--big-padding: 32px;
	--padding1: 0 32px 32px;
	--padding2: 0 0.3em;
}