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

    font-family: "Caveat", cursive;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

.margins {
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

@media (orientation: portrait) {
    /* Styles for portrait mode */
    .margins {
        margin-right: 0%;
        margin-left: 0%;
    }
}

  @media (orientation: landscape) {
    /* Styles for landscape mode */
    .margins {
        margin-right: 30%;
        margin-left: 30%;
    }
}