@media (max-width: 1400px){
     .message{
        width: 80vw;
        padding: 20px;
        font-size: large;
    }

    .poem{
        width:80vw;
        font-size: 25px;
    }

}


@media (max-width: 992px){
    .message{
        width: 100%;
        padding: 20px;
        font-size: large;
    }

    .poem{
        width: 100%;
        font-size: x-large;
    }
}





@media (max-width: 1200px){
    .message{
        width: 80vw;
        padding: 20px;
        font-size: large;
    }

    .poem{
        width:80vw;
        font-size: 25px;
    }

    #menu-button div{
    height: 7.5px;
    margin: 5px;
    }

    .bar1{
    width: 50px;
}

    .bar2{
        width: 30px;
    }

    body.menu-open img{
        width: 40vw;
        height: 90vh;
    }

}


@media (max-width: 768px){
    .message{
        width: 100%;
        padding: 20px;
        font-size: large;
    }

    .poem{
        width: 100%;
        font-size: x-large;
    }
}


@media (max-width: 576px){

    .message{
        width: 100%;
        padding: 20px;
    }

    .poem{
        width: 100%;
    }

    #menu-button div{
        height: 5px;
    }

    .bar1{
        width: 50px;
}

    .bar2{
        width: 30px;
    }

    body.menu-open img{
        width: 50vw;
        height: 90vh;
    }
}


@media (max-width: 480px){
    .message{
        font-size: 15px;
        padding:10px;
        margin: 50px auto;
    }

    .poem{
        padding: 10px;
        font-size: 17px;
        width: 100%;
        margin: auto;
        
    }

     .bar1{
        width: 30px;
}

    .bar2{
        width: 20px;
    }


    body.menu-open img{
        width: 300px;
        height: 500px;
    }

}



@media (max-width: 400px){
    .message{
        font-size: 15px;
        width: 100%;
    }

    .poem{
        width: 100%;
    }

    .bar1{
        width: 15px;
}

    .bar2{
        width: 7px;
    }

     body.menu-open img{
        width: 300px;
        height: 400px;
    }


}






/* 
@media (max-width: 1600px){

}

@media (max-width: 1800px){

} */