@charset "UTF-8";


:root {

  --color-red: #ed2a18;
  --color-white: #ffffff; 
  --color-yellow: #ffc212;
  --color-blue: #006db0;
  --color-gray: #e8e8e8;
  --color-light-gray: #f4f4f4;
  --color-black: #000000;

  --button-color: var(--color-yellow);
  --button-text-color: black;
  --button-hover-color: var(--color-black);
  --button-hover-text-color: var(--color-white);

  --link-color: var(--color-blue);
  --text-color: black;
  --background-color: var(--color-white);
  --heading-color: black;
  
  --span: 2rem;
	--span-small: calc(var(--span) / 2);
  --span-large: calc(var(--span) * 2);
  --span-x-large: calc(var(--span) * 4);
  --span-xx-large: calc(var(--span) * 6);

  --block-padding: calc(var(--span) * 3);
  --block-inner-padding: 6rem;
  --block-width-small: 110rem;

  --page-width: 1350px;

  --input-color: #f0f0f0;
  --input-border-color: var(--color-gray);
  --input-border: 1px solid var(--color-gray);
  --input-active-border: 1px solid var(--color-blue);
  --input-padding: calc(var(--span-small) * 1.5) var(--span);

  --border-radius: 0; 
  --shadow: 0 0 5px 0 #00000020;

  --font: 'BloknotC', 'Tahoma', 'Roboto', sans-serif;;
  --font-heading: "EuropeDemiC", 'Roboto', sans-serif;

}