:root{
    --background-page: #EEEEEE;
}

body{
    background-color: var(--background-page);
    font-family: 'Chivo Mono', monospace;
    max-width: 700px;
}


.icon{
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.header{
    display: flex;
    justify-content: space-between;
}


.header__container{
    position: relative;
}

.container{
    min-height: 100vh;
}

@media screen and (min-width: 700px){
    body{
        margin: 20px auto;
    }

    .container{
        padding: 20px;
        box-shadow: 0 0 1px 2px;
    }
}