@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@100;200;300;400;500;600;700;800;900&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,200&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@300;400;500;600;700;800;900&display=swap");

html {
  background-color: white;
}
body {
  font-family: "Darker Grotesque", sans-serif;
  background-color: white;
}

@keyframes slide {
  0% {
    transform: scale(0.7);
    margin-right: -150px;
  }

  100% {
    opacity: 1;
    margin-right: 0;
    transform: scale(1);
  }
}

.animate-slide {
  animation: slide 400ms ease forwards;
}

@keyframes rotate {
  0% {
    opacity: 0.8;
    transform: rotate(0deg);
  }

  100% {
    opacity: 1;
    transform: rotate(90deg);
  }
}

.animate-rotate {
  animation: rotate 600ms ease;
}