/*
FONTS

font-family: arial;

*/



/* VARIABLES */

:root {
  --default-font: arial;
  --default-font-size: 24px;
  --default-line-height: 1.5;

  --default-input-font: arial;
  --default-input-font-size: 25px;
  --dim-input-height: 60px;
  
  --button-input-font: arial;
  --button-font-size: 16px;
  --button-height: 40px;

  --col-primary: #000;
  --col-accent: #000;
  --col-burger: #000;
  --col-text: #000;
  --col-page-bg: #fff;
  --col-border: #DDDDDD;
  --col-input: #000;
  --col-placeholder: #000;
  --col-input-bg: #fff;
  --col-button: #fff;
  --col-button-bg: #000;
  --col-link: #000;
  --col-link-hover: #000000;

  --col-error: #ff6633;
  --col-attention: #ff6633;
  --col-warning: #f5b00e;
  --col-missing: #ff6633;

  --col-primary-rgb: 0,122,209;
  --col-accent-rgb: 0, 0, 0;
  --col-button-rgb: 255, 255, 255;
  --col-link-rgb: 0,0,0;
  --col-link-hover-rgb: 0, 0, 0;
  --col-error-rgb: 255, 51, 0;
  --col-attention-rgb: 255, 51, 0;
  --col-warning-rgb: 245, 176, 14;
  --col-border-rgb: 190, 190, 190;
  --col-missing-rgb: 255, 51, 0;

  --dim-site-width: 1280px;
  --dim-default-space: 80px;

  --vh: 1vh;
}

/* theme */


/*CORE HTML*/


p a:hover { color: #aaa;}


/*CONTAINERS*/



/*BUTTONS*/

/*HEADER AND NAV*/


/*ELEMENTS*/


/*CONTENT*/

@media only screen and (max-width: 600px) {


}