@media (max-width: 600px) {
   body {
        max-width: 100vw;
        margin: 0;
        padding: 1rem 0.5rem;
        border-radius: 0;
    }

    .omlette {
        width: 100vw;
        max-width: 100vw;
        height: 180px;
        max-height: 200px;
        object-fit: cover;
        border-radius: 0;
        margin: 0 auto;
        display: block;
    }

    h1 {
        font-size: 1.5rem;
        padding: 1rem 0.5rem;
    }

    h2,
    h3,
    h4 {
        font-size: 1.1rem;
        padding: 1rem 0.5rem;
    }

    aside {
        font-size: 0.9rem;
        padding: 0.5rem 1rem;
    }


    .preparation-box {
        padding: 1.5rem 3rem;
        margin-left: 0;
        margin-right: 0;
    }

    .ingredients-box,
    .instructions-box {
        padding: 1.5rem 2rem;
        margin-left: 0;
        margin-right: 0;
    }

    table {
        width: 100%;
        padding: 0.5rem 1rem;
    }
}