@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

*, ::after, ::before {
  font-family: 'Poppins', sans-serif !important;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

:root {
  --color-red-primary: #A41D36;
  --color-blue-primary: #0f89d3;
  --color-gray-primary: #73797E;
  --color-background-primary: #F6F6F6;
}

body {
  background-color: var(--color-background-primary)
}

button {
  border: 0;
  outline: 0;
  cursor: pointer;
}

html {
  font-size: 16px;
}

@media screen and (min-width: 320px) {
  html {
    font-size: calc(16px + 6 * ((100vw - 320px) / 680));
  }
}

@media screen and (min-width: 1000px) {
  html {
    font-size: 22px;
  }
}