* {
    margin: 0;
}

body {
    /* background-color: black; */
     margin: 50px 50px 0px 50px;
    
}

video {
  object-fit: none;
   display: block;
  margin: 0 auto;
}



.videocontainer{
  display: flex;
  justify-content: center;
  align-items: center;
}

.span2 {
  margin: 100px;
}



.c1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  
}
.c2{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
  
}

.c3{
  display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 50%;

}

.cl{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
}

.cr{
     display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
}



button{
    border: 0;
    background-color: white;
    font-family: "elza", sans-serif;
  font-weight: 400;
  font-style: italic;
    font-size: 2em;
    /* padding: 20px; */
    &:hover{
        color:cadetblue;
        cursor: pointer;
    }
}

.wavy-text-container {
  display: flex; /* Or other centering methods */
  justify-content: center;
  align-items: center;
  font-size: 2em;
  font-family: "elza", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  padding: 10px;
}

.wavy-text-container2 {
  display: flex; /* Or other centering methods */
  justify-content: center;
  align-items: center;
  font-size: 2em;
  font-family: "elza", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  padding: 10px;
}

.wavy-text-container span {
  display: inline-block;
  animation: wave-anim 3s ease-in-out infinite;
  animation-delay: calc(var(--i) * 0.2s); /* Staggered delay */
}

.wavy-text-container2 span {
  display: inline-block;
  animation: wave-anim 3s ease-in-out infinite;
  animation-delay: calc(var(--i) * 0.2s); /* Staggered delay */
}


@keyframes wave-anim {
  0%, 100% {
    transform: translateY(0);
   
    
  }
  50% {
    transform: translateY(-3px); 
    
  }
}



.window{
  display: block;
   margin: 0 auto;

}