* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--font-family-main);
  line-height: normal;
}

h2 {
    font-size: var(--font-size-big);
    font-weight: bold;
    line-height: normal;
}

h1 {
  font-size: var(--font-size-ubig);
  font-weight: bold;
  line-height: normal;
}

h3, p, span, i, input, select, option, label {
  font-size: var(--font-size-standart);
  line-height: normal;
}

p {
  margin: 0;
}

svg.icon {
	height: var(--font-size-standart);
}
textarea {
	font-size: calc(var(--font-size-standart) - 2px);
}
input, textarea {
	border: 0;
}
input:focus, textarea:focus, select:focus {
	outline: none;
}
a {
  color: var(--color-lightgrey);
  text-decoration: none;
}

em {
  background-color: var(--color-darkgold);
}

:root {
  --font-family-main: 'Roboto', sans-serif;
  --font-size-standart: 18px;
  --font-size-big: calc(var(--font-size-standart) + 4px);
  --font-size-ubig: calc(var(--font-size-standart) + 8px);

  --gap: 10px;
  --gap-big: 20px;
  --gap-extra: 50px;




  /* 
  #FFFFFF
  #BF863F
  #F2B872
  #FFD999
  #F2F2F2
  #8C8C8C
  #262626
  #0D0D0D
  #000000
  */

  --color-white: #FFFFFF;
  --color-darkgold: #BF863F;
  --color-gold: #F2B872;
  --color-lightgold: #FFD999;
  --color-lightgrey: #F2F2F2;
  --color-grey: #8C8C8C;
  --color-darkgrey: #262626;
  --color-lightblack: #0D0D0D;
  --color-black: #000000;

  --color-red: #D65C64;
  --color-blue: #759AF3;
  --color-green: #79A978;
  --color-violet: #6444ED;





  /* --color-white: #FFFFFF;
  --color-grey: #cccccc;
  --color-darkgrey: #eeeeee;
  --color-black: #000000; */
  
  --color-darkblue-1: #22668D;
  --color-darkblue-2: rgb(14,42,77);
  --color-darkblue-3: #27374D;
  /* --color-darkblue-3: #3e3e3e; */
  --color-darkblue-secondary: #526D82;
  /* --color-darkblue-secondary: #6a6a68; */
  
  --color-lightblue: #DDE6ED;
  --color-lightblue-secondary: #9DB2BF;

  --color-bg-main: rgb(243, 249, 255);
  /* --color-bg-main: #050505; */

  --color-new: rgb(68, 183, 74);
  --color-checked: rgb(171,203,236);
  --color-favorite: #F2B872;
  --color-hidden: rgb(212,212,212);

  --color-lightblue-bright-1: #1F9AFF;
  --color-lightblue-bright-2: #1890FF;
  --color-lightblue-bright-3: rgb(64,169,255);

  /* Loader sizes */
  --loader-min-size: 50px;
  --loader-standart-size: 150px;
  --loader-big-size: 300px;

}

.container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 1180px;
  padding: 20px;
  background-color: var(--color-lightblack);
}

.wo-scroll::-webkit-scrollbar {
	display: none;
}

.empty-input {
  box-shadow: inset 0px 0px 5px red;
}