/* GENERAL */
#my404 { min-height: calc(100vh - 7rem); }
#my404 h1 { color: #000000; }

main { padding: 0; margin: 0; display: flex; height: 100vh; flex-direction: column; align-items: center; justify-content: center; background: transparent; position: relative; background: transparent url('../img/bgs/background.png') no-repeat center; background-size: cover; }
main::after { position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(2,2,21,0.5); content: ''; }
main section { z-index: 9; margin-top: -15rem; }

#container2026 { margin-bottom: 10rem; gap: 1rem; }
#container2026 .digit-wrapper { display: inline-block; animation: pendulo 4s ease-in-out infinite alternate;; transform-origin: top center; }
#container2026 .digit-wrapper:nth-child(1) { animation-delay: 0ms; }
#container2026 .digit-wrapper:nth-child(2) { animation-delay: 400ms; }
#container2026 .digit-wrapper:nth-child(3) { animation-delay: 700ms; }
#container2026 .digit-wrapper:nth-child(4) { animation-delay: 1000ms; }
#container2026 .digit-wrapper img { height: 400px; }

main canvas { position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; }


@keyframes pendulo {
  0%   { transform: rotate(0deg); }
  25%   { transform: rotate(-4deg); }
  75% { transform: rotate(4deg); }
  100% { transform: rotate(0deg); }
}




@media only screen and (max-width: 1200px){
}



@media only screen and (max-width: 1024px){
}



@media only screen and (max-width: 992px){
}



@media only screen and (max-width: 768px){	
}



@media only screen and (max-width: 576px){
  #home-container { margin-top: -10rem; }
  #container2026 .digit-wrapper img { height: 200px; }
  #home-container .fs-3 { font-size: 1rem !important; }
}



@media only screen and (max-width: 320px){
}