@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
  font-family: Sansation;
  src: url(fonts/Sansation.ttf);
}


body {
  background-color: rgb(0, 0, 0);
  font-family: 'PT Sans', 'Roboto';
  color: white;
  background-image: radial-gradient(circle at bottom left, #7c3aed28, transparent 80%),
                    radial-gradient(circle at top right, #7c3aed38, transparent 90%);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}


h1 {
  font-size: 300%;
  opacity: 0; 
  animation: fadein 2s forwards;
  animation-delay: .6s;
  text-shadow: 10 10 30px rgb(81, 0, 187);
  color: #9c46ff;
}

.logo {
  opacity: 0; 
  animation: fadein 2s forwards;
  padding-top: 10vh;
  size-adjust: 250%;
}

.info {
  opacity: 0; 
  animation: fadein 2s forwards;
  animation-delay: 1.2s;
}

@keyframes fadein {
  from {opacity: 0;}
  to {opacity: 1;}
}