@media screen and (min-width: 500px) {

    body {
        font-family:'Roboto', sans-serif;
    }
    header, main, footer{
        max-width: 640px;
        margin:1rem auto;
        border: 1px solid rgba(143, 161, 192, 0.844);
        padding:10px;
        background-color: rgb(200, 212, 233);
    }
    header {
        background-color: rgb(130, 130, 149);
        color:white;
    }
    main{
        display: grid;
        grid-template-columns:1fr 1fr;
        grid-gap:1rem;
    
    }
    section{
        background-color: white;
        padding: 20px;
    }
    }