* {
  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: black;
  text-decoration: none;
}

em {
  background-color: orange;
}

: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;

  --color-darkblue-1: #22668D;
  --color-darkblue-2: rgb(14,42,77);
  --color-darkblue-3: #27374D;
  --color-darkblue-secondary: #526D82;
  
  --color-lightblue: #DDE6ED;
  --color-lightblue-secondary: #9DB2BF;

  --color-bg-main: rgb(243, 249, 255);

  --color-new: rgb(68, 183, 74);
  --color-checked: rgb(171,203,236);
  --color-favorite: rgb(255,240,138);
  --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-bg-main);
}

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

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