@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");

:root {
  --blue: #1d04ff;
  --red: #fa3b3b;
}

* {
  font-family: "Poppins", sans-serif;
  text-decoration: none;
  outline: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*::selection {
  background: var(--blue);
  color: #fff;
}

html {
  font-size: 62.5%;
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 0.7rem;
}

::-webkit-scrollbar-track {
  background: #f9f9f9;
}

::-webkit-scrollbar-thumb {
  background: var(--red);
  border-radius: 1rem;
}

@media (max-width: 768px) {
  html {
    font-size: 55%;
  }}
  @media (max-width: 440px){
    html {
      font-size: 45%;
    }}