/* Fonts */
@font-face {
    font-family: 'rock_itregular';
    src: url('/fonts/rockit-webfont.woff2') format('woff2'),
        url('/fonts/rockit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* Your existing styles */
h1, h2, h3, h4, h5, h6 {
    font-family: 'rock_itregular';
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color: darkred;
    padding-top: 10px;
}

p {
    color: rgb(156, 128, 128);
}

.card {
    margin-bottom: 10px;
    background-color: rgba(0, 0, 0, 0.70);
}

body {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

/* Background image handling */
@media (orientation: portrait) {
    body {
        background-image: url('/images/bg-tall.jpg');
    }
}

@media (orientation: landscape) {
    body {
        background-image: url('/images/bg-wide.jpg');
    }
}