@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');

html, body {
    font-family: 'EB Garamond', serif;
    font-size: larger;
    background-color: #f9f9f9;
    color: #333;
    margin: 0;
}

article, #beforeOpening {
    padding: 20px;
}

#beforeOpening {
    text-align: center;
}

#beforeOpening img {
    border-radius: 15px;
    width: 100%;
    cursor: pointer;
}

@media (width >= 600px) {

    html {
        display: flex;
        justify-content: center;
    }
    
    body {
        width: 700px;
    }

    article, #beforeOpening {
        padding: 80px 20px;
    }
    
}