@charset "UTF-8";
:root {
  /*Sivuston värit*/
  --bg-color1: #fd7e14;
  --bg-color2: #E6E1C8;
  --bg-color3: #ffffff;
  --bg-color4: #005CA9;
  --bg-color5: #6f42c1;
  --bg-color6: #7CAAD7;
  --bg-color7: #E63C28;
  --bg-color8: #EBAAA5;
  --bg-color9: #f4f5f6;
  --bg-color10: #ddd;
  --bg-color11: #FBCCE8;
  --bg-color12: #F7EDE4;
  --bg-color13: #000000;
  --bg-color14: #005CA9;
  --bg-color15: #E6F2FB;
  --bg-color16: #EC008C;
  /*Reunaviivat*/
  --main-border: 1px solid #dadada;
  --border2: 1px solid #ffffff;
  --border3: 1px solid #333e99;
  --border4: 1px solid #fd7e14;
  /*tekstin perus väri*/
  --font-color1: #464343;
  --font-color2: #949494;
  --font-color3: #005CA9;
  --font-color4: #333e99;
  --font-color5: #ffffff;
  --font-color6: #2B2E34;
  /*Tekstin hover värit*/
  --font-color-hover1: #005CA9;
  /* Fontti perheet */
  --font-family1: 'Roboto', sans-serif;
  --font-family2: 'Roboto', sans-serif;
  --font-family3: 'Roboto', sans-serif;
  --font-family4: 'Roboto Slab', serif;
  /* Fontti koot */
  --font-size-small: 0.9em;
  --font-size-mid: 1.8em;
  --font-size1: 1.1em;
  --font-size2: 1.5em;
  --font-size3: 2.4em;
  /* Välitykset */
  --medium-padding: 1.7em;
  --big-padding: 2.5em;
  --main-padding: 1.2em;
  --main-padding2: 0.9em;
  --small-padding: 0.6em;
  --small-padding2: 0.4em;
  --padding1: 0 0.6em;
  --padding2: 0 0.3em;
  --padding-zero: 0 0 0 0; }