html {
    background-color: darkred;
    font-family: Garamond;
    color: antiquewhite;
    
}

header, footer {
    margin: auto;
    background-color: saddlebrown;
    padding: 10px;
    max-width: 50%;
    text-align: center;
}

.flex-container {
    display: flex;
    margin: auto;
}

.info {
    max-width: 500px;
    margin: 30px auto;
    background-color: antiquewhite;
    color: saddlebrown;
    padding: 30px;
}

@media (max-width: 400px), (max-width: 800px) {
    .flex-container {
        display: block;
    }
}