body {
  padding: 0;
  margin: 0;
    -webkit-font-smoothing: antialiased;
    max-height: 100%;
}

#coming-soon {
  background: #ac0505;
  width: 100vw;
  height: calc(var(--vh, 1vh) * 100); /* This ensures full visible height */
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


.marquee3k {
  font-family: finalsix, sans-serif;
  font-weight: 800;
  font-style: normal;

  color: #F3DBD2;
  

}


.top-banner {
  width: 100%;
overflow: hidden;
position: fixed;
top: 0;
left: 0;

}



.bottom-banner {
  width: 100%;
overflow: hidden;
position: fixed;
bottom: 0;
left: 0;

}



.marquee3k span {
  display: flex;
  flex-direction: row;
  padding: 7px 0;
  background: #AC0505;
}


.marquee3k span p {
  font-size: 18px;
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding: 0 10px;
}



.right-banner {
  width: 100%;
transform: rotate(90deg);
position: fixed;
top: 0;
right: calc(-50vw + 20px);
}

.left-banner {
  width: 100%;
transform: rotate(-90deg);
position: fixed;
bottom: 0;
left: calc(-50vw + 20px);
}


#coming-soon .container {
background-image: url(../img/chakana.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 80vh;
height:  80vh;
  display: flex;
flex-direction: column;
justify-content: center;
align-items: center;

}


#coming-soon .container img.chicken-brand {
  width: 60%;
  height: auto;
  animation: flicker 5s infinite alternate;
}

@keyframes flicker {
  0%, 18%, 22%, 25%, 53%, 57%, 100% {
    filter: drop-shadow(0 0 8px rgba(222, 0, 0, 1));
  }
  20%, 24%, 55% {
    filter: drop-shadow(0 0 8px rgba(222, 0, 0, 0));
  }
}


#coming-soon .container .social img {
  width: 50px;
  height: auto;
  transition: 0.3s;
}

#coming-soon .container .social a {
  padding: 10px;

}


#coming-soon .container .social img:hover {
  transform:scale(1.1);
}





p.social-media-handle {
font-family: "rustica", sans-serif;
font-weight: 700;
font-style: normal;
  font-size: 22px;
  color: #fff;
  margin-block-start: 0em;
  margin-block-end: 0em;
padding-bottom: 20px;

padding-top: 0px;

  text-shadow: 0px 3px 20px rgba(0, 0, 0, 0.776);
}




.cn-buttons-container {
  background: white !important;
  font-family: finalsix, sans-serif;
  font-weight: 700;
  font-style: normal;

}


.cn-buttons-container a {
  text-decoration: none;
  color: #AC0505;
}


  #coming-soon .container .social {
    padding-top: 40px;
  }


@media screen and (max-width: 1024px){
  
  
    #coming-soon .container .social img {
    width: 30px;
}


#coming-soon .container img.chicken-brand {
width: 64%;

}


#coming-soon .container { 
  
  width: 70vw;
  height: 70vw;
  max-width: 80vh;
  max-height: 80vh;
}



p.social-media-handle {

font-size: 17px;


}



#coming-soon .container .social {
padding-top: 19px;

}

  
}






@media screen and (max-width: 768px){
  
.marquee3k span p {
  font-size: 14px;

  padding: 0 6px;
}


.left-banner {
left: calc(-50vw + 17px);
}


.right-banner {
  right: calc(-50vw + 17px);
}

p {

font-size: 15px;
  
  
}


    #coming-soon .container img.chicken-brand {
    width: 50%;
}


}






@media screen and (max-width: 425px){
  
#coming-soon .container { 
  
  width: 78vw;
  height: 80vh;
  max-width: 80vh;
  max-height: 80vh;
}



#coming-soon .container {
background-image: url(../img/chicken-mobile.png);
background-size: contain;


}


    #coming-soon .container img.chicken-brand {
    width: 73%;
}


    p {
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 10px;
}






  
  
}


