globals.css

@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap");

html,
body {
  padding: 0;
  margin: 0;
  width: 100;
  height: 100;
  background-color: #312e81;
  color: #e0e7ff;
  font-family: "Poppins", sans-serif;
}

.anton {
  font-family: "Anton", sans-serif;
}

.shadow {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
    rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

a {
  color: inherit;
  text-decoration: none;
}

* {
  box-sizing: border-box;
}

@media (prefers-color-scheme: light) {
  html {
    color-scheme: light;
  }

  body {
    color: orange;
    background: red;
  }
}