@charset "UTF-8";

*{
    /* height: 100%; */
    font-family: Arial, Helvetica, sans-serif;
}

body{
    background-color: #F2F0D8;
}

main{
    background-color: white;
    width: 600px;
    padding: 10px;
    margin: auto;
    border-radius: 10px;
    box-shadow: 5px 5px 15px rgba(69, 38, 20, 0.616);
}

h1{
    color:#F28749;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(136, 75, 40, 0.716);
}

h2{
    color: #2AA4BF;
}

p{
    text-align: justify;
}

@media screen and (max-width: 650px){
    body{
        margin: 0;
        padding: 0;
        background-color: white;

    }

    main{
        padding: 10px 0;
        width: 100%;
        margin: 0;
        border-radius: 0px;
    }

    article{
        margin: 5px;
    }


    p, h1, h2{
        width: 100%;
        word-wrap: break-word;
    }
}