.underContruction {
    background: #ffffff;
    overflow: hidden;
    display: flex;
    width: 100%;
    min-height: 20vh;
    flex-direction: column;
    align-items: center;
}
.underContruction h1{
    font-weight: 400;
    font-size: clamp(.8rem, 2vw, 1.2rem);
}
.underContruction h2{
    font-weight: 400;
    font-size: clamp(.7rem, 2vw, 1rem);
}
.underContruction h3{
    font-weight: 600;
    font-size: clamp(.7rem, 2vw, 1rem);
}
     
     
     
.cubeLoader {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}
@keyframes loader {
    0% {left: -100px}
    100% {left: 110%;}
}
#box {
    width: 60px;
    height: 60px;
    background:#ffd59e;
    animation: animate .56s linear infinite;
    border-radius: 3px;
    box-shadow: 0 5px 8px rgba(0,0,0, .080);
}

#shadow {
    width: 50px;
    height: 5px;
    background: #ffd5a1;
    opacity: 0.3;
    margin-top: .7rem;
    border-radius: 50%;
    animation: shadow .56s linear infinite;
}
    @keyframes animate {
        17%{
          border-bottom-right-radius: 3px;   
        }
        25% {
           transform: translateY(9px) rotate(22.5deg); 
        }
        50% {
          transform: translateY(18px) scale(1, .9) rotate(45deg);
          border-bottom-right-radius: 40px;  
        }
        75% {
          transform: translateY(9px) rotate(67.5deg);  
        }
        100% {
          transform: translateY(0) rotate(90deg);
        }
    }

    @keyframes shadow {
    50% {
      transform: scale(1.2, 1);  
      }    
    }