:root {
    color-scheme: light dark;
    background: light-dark(whitesmoke, #1e1e1e);
    font-family: "Times New Roman", serif;
}

h1 {
    text-align: center;
    font-size: xxx-large;
}

h2 {
    text-align: center;
    font-size: xx-large;
    font-weight: normal;
}

h3 {
    text-align: center;
    font-size: xx-large;
    font-weight: bold;
}

hr {
    height: 10px;
    border: none;
    background: light-dark(black, whitesmoke);
}

p {
    padding: 0 30px;
}
    
.grid {
    display: none;
}

@media (width >= 680px) {
    .mobile {
        display: none;
    }
    .grid {
        display: grid;
        grid-template: "a d b D c";
        grid-template-columns: auto 10px auto 10px auto;
        height: 65vh;
    }
}


.divider {
    width: 10px;
    background: light-dark(black, whitesmoke);
}