@import "header.css";
@import "body.css";
@import "footer.css";
@import "root.css";

.hide{
    display: none;
}

.show{
    display: flex;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .under-construction{
        width: 75%;
        margin: 0 auto;
        margin-bottom: 2rem;
        margin-top: 2rem;
        text-align: center;
    }
    
    .under-construction img{
        width: 300px;
        height: 300px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1239px) {
    .under-construction{
        width: 75%;
        margin: 0 auto;
        margin-bottom: 2rem;
        margin-top: 2rem;
        text-align: center;
    }
    
    .under-construction img{
        width: 500px;
        height: 500px;
    }
}

@media (min-width: 1240px) {
        .under-construction{
        width: 75%;
        margin: 0 auto;
        margin-bottom: 2rem;
        margin-top: 2rem;
        text-align: center;
    }
    
    .under-construction img{
        width: 800px;
        height: 800px;
    }
}