body {
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: #f2f2f2;
}

#content {
    display: grid;
    gap: 12px;
    padding: 10px;
}

header, nav, section, article, aside, footer, figure {
    background: white;
    padding: 10px;
    border-radius: 6px;
}

#Symbol {
    width: 60px;
}

figure img {
    width: 100%;
    max-width: 400px;
    transition: transform 0.3s;
}

.buttons button {
    margin: 5px;
}

/* Desktop */
@media (min-width: 900px) {
    #content {
        grid-template-columns: repeat(12, 1fr);
    }

    header { grid-column: 1 / span 12; }
    nav { grid-column: 1 / span 12; }
    figure { grid-column: 1 / span 12; }
    section { grid-column: 1 / span 7; }
    aside { grid-column: 8 / span 5; }
    article { grid-column: 1 / span 12; }
    footer { grid-column: 1 / span 12; }
}