:root{
/*Sivuston värit*/
    --bg-color1: #303030;
    --bg-color2: #91a4a8;
    --bg-color3: #e3d8d8;
    --bg-color4: #ffffff;

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

/*Fontti perheet*/
     --font-family1: 'Brown-Headline';
     --font-family2: 'Lato', sans-serif;
     --font-family3: "DMSerifDisplay-Regular";
     --font-family3i: "DMSerifDisplay-Italic";

/*Fontti koot*/
    --font-size-small: 12px;
    --font-size1: 16px;
    --font-size2: 20px;
    --font-size3: 24px;
    --font-size4: 32px;
    --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;
}