*{
    margin: 0;
    padding: 0;
}

body{
    background-color: #0059ff;
    margin: 0;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

header{
    background-color: darkorange;
}

main{
    background-color: coral;
}

footer{
    background-color: lightsalmon;
}

h1, h2, h3{
    text-align: center;
    color: white;
    min-height: 5em;
    width: 80%;
    margin: 0 auto 1em auto;
}

header,main,footer{
    min-height: 5cm;
    width: 80%;
    margin: 0 auto 2cm auto;
}



@media screen and (min-width: 768px)
{
    body{
        background-color: #55dadf;
        margin: 0;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
    }

    
    header{
        background-color: rgb(255, 0, 128);
        text-align-last: center;
    }
    
    main{
        background-color: rgb(231, 127, 197);
        text-align-last: center;
        
    }
    
    footer{
        background-color: rgb(247, 199, 235);
        text-align: center;
        }
}   

@media screen and (min-width: 1028px)
{
    body{
        background-color: rgb(57, 1, 109);
        margin: 0;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
    }

    header{
        background-color: #48ff00;
        text-align-last: center;
    }
    
    main{
        background-color: #7be452
        text-align-last: center;
        
    }
    
    footer{
        background-color: #bde9ab
        text-align: center;
        }
}