:root {
  --blue: #095ecd;
  --dark-blue: #303c8d;
  --red: #d83357;
  --orange: #d8872b;
  --big-font: "Fredoka", sans-serif;
  --basic-font: "Vend Sans", sans-serif;
}

*{
  margin:0;
  padding:0;
  box-sizing: border-box;
}

html {
  font-size: 20px;
  font-optical-sizing: auto;
  font-style: normal;
}

body {
  width: 100%;
  overflow-x: hidden;
  height: 100vh;
  font-family: var(--basic-font);
}

@media (max-width:1200px){
html {
  font-size: 16px;
  font-optical-sizing: auto;
  font-style: normal;
}
}