@media (max-width: 1100px){
html{
    font-size: 56.25%;
}

}



@media (max-width: 800px){
html{
    font-size: 43.75%;

}
.main-cube{
    flex-direction: column;
}
}


@media (max-width: 600px){
html{
    font-size: 37.5%;
}

header{
margin-bottom: 6rem;

}

.main-cube{
    gap: 5rem;
}

}