:root{
/*Sivuston värit*/
    --bg-color1: #fe3333;
    --bg-color2: #e6e6e6;
    --bg-color3: #ffffff;
    --bg-color4: #1482aa;
    --bg-color5: #e69623;
    --bg-color6: #359f93;
    --bg-color7: #f3f3f9;
    --bg-color8: #58bae3;

/*Reunaviivat*/
    --main-border: 1px solid #dadada;
    --border2: 1px solid #ffffff;

/*tekstin perus väri*/
    --font-color1: #464343;
    --font-color2: #ffffff;
    --font-color3: #fe3333;

/*Tekstin hover värit*/
    --font-color-hover1: #929191;

/*Fontti perheet*/
     --font-family1: "Work Sans";
     --font-family2: "Noto Sans JP";
     --font-family-main: "Work Sans";

/*Fontti koot*/
    --font-size-small: 0.9em;
    --font-size1: 1.1em;
    --font-size2: 1.5em;
    --font-size25: 2em;
    --font-size3: 2.4em;

/*Välitykset*/
    --main-padding: 1.2em;
    --large-padding: 3em;
    --small-padding: 0.6em;
    --mini-padding: 0.4em;
    --padding1: 0 0.6em;
    --padding2: 0 0.3em;
}