* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@keyframes popUp {}

@keyframes float {

  0%,
  100% {
    transform: translateY(0px) rotate(0deg);
  }

  50% {
    transform: translateY(-20px) rotate(5deg);
  }
}


.min-h-screen {
  min-height: 100vh;
}

.bg-gradient-to-br {
  background: linear-gradient(to bottom right, #000000, #000000, #000000);
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.overflow-hidden {
  overflow: hidden;
}

.logo-container {
  position: relative;
}

.logo-wrapper {
  /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */

  /* border-radius: 50%; */
  display: flex;
  align-items: center;
  justify-content: center;
  animation: popUp 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards,
    float 2s ease-in-out 1s infinite,
    glow 2s ease-in-out 1s infinite;
}

.logo-icon {

  object-fit: cover;

  /* filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.3)); */
}

#first-container {
  display: flex;
}

#second-container {
  display: none;
}

nav {
  padding: 15px !important;
  border-bottom: 1px solid #2d2d2dbe;
}

form a {
  margin: 0px 14px;
  font-size: 14px;
  text-decoration: none;
  color: #eaeaea;
}

form a:hover {
  color: rgb(223, 136, 224);
}

.main-form {
  justify-content: center;
  align-items: center;
  height: 80vh;
}

.main-form main {
  text-align: center;
  padding: 60px !important;
}

.next-part p {
  color: #eaeaea;
  font-size: 20px;
}

.next-part a {
  color: rgb(223, 136, 224);
  text-decoration: none;
}

main button {
  width: 30%;
  border-radius: 20px;
  padding: 10px;
  border: solid 1px #000;
}

#vid-part video {
  height: 300px !important;
}

#the-next-part {
  display: block;
}

#vid-part {
  display: none;
}

#the-update-part {
  display: none;
}
.update-part {
  padding: 0px 40px !important;
}
.update-part h1{
  color: #eeeeee;
  font-size: 35px;
}
.update-part p{
  color: #dedede;
  font-size: 20px;
}
.update-part h4{
  color: #ebebeb;
  font-size: 20px;
  padding-bottom: 6px;
}
.update-part button{
  font-size: 16px;
  font-weight: 600;
}
#latent-2{
  display: none;
}
#latent-3{
  display: none;
}
#latent-4{
  display: none;
}