/* Main styles */
body {
    background-color: #353535;
    font-family: "Myriad Pro", "Myriad", Arial, sans-serif;
    margin: 0;
    padding: 0;
}

/* Image container styling */
.mb-4 {
    padding-top: 3rem;
}

@media (max-width: 768px) {
    .mb-4 {
        padding-top: 2rem;
    }
}

/* Headline styling */
h1.typewriter {
    color: #ffffff;
    font-family: "Copperplate", "Copperplate Gothic Light", serif;
    font-weight: 300;
    font-size: 2rem;
    line-height: 1.6;
    margin-top: 2rem;
    min-height: 3.5rem;
    text-align: center;
}

/* Typewriter cursor styling */
h1.typewriter .cursor {
    display: inline-block;
    margin-left: 2px;
    animation: blink 1s infinite;
    color: #ffffff;
}

@keyframes blink {
    0%, 50% {
        opacity: 1;
    }
    51%, 100% {
        opacity: 0;
    }
}

@media (max-width: 768px) {
    h1.typewriter {
        font-size: 1.25rem;
        min-height: 2.5rem;
    }
}

/* Subhead text styling */
h2, h3, h4, h5, h6,
.subhead {
    font-family: "Copperplate", "Copperplate Gothic Light", serif;
    color: #ffffff;
}