@import url('https://fonts.googleapis.com/css2?family=Outfit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap'); 
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

body {
  overflow: hidden;

  @media (max-width: 1200px) {
    background-size: auto 110vh; 
  }

  background-image: url('../img/background.jpg') !important;
  background-size: cover;
  background-repeat: no-repeat;
}

.space-beats {
  animation: beats 15s infinite ease-in-out;
}

@keyframes beats {
  0%, 100% {
    background-position: center 0vh;
  }
  50% {
    background-position: center -1vh;
  }
}

.ufo-ts {
  top: -3%;
  left: -22%;
}
.ufo-te {
  top: -6%;
  right: -12%;
}
.ufo-bs {
  bottom: -12%;
  left: -28%;
}
.ufo-be {
  bottom: -2%;
  right: 0%;
}


#logo {
  display: flex;
  margin-top: calc(40vh - (120px / 2))
}

#slogan {
  margin-top: 10vh;
}

#social {
  margin-top: 10px;
  img { 
    max-width: 35px;
    margin-left: 2px;
    margin-right: 2px;
  }
}