<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.slogan-container {
    position: absolute;
    color: #333;
    z-index: 2;

}

.slogan-title {
    font-size: 4.2vw;
    font-weight: 100;
    line-height: 1em;
    letter-spacing: .05em;
    
}

.slogan-subtitle {
    font-size: 2vw;
    margin: .25em 0 .5em ;
    font-weight: 100;
    letter-spacing: .05em;

}

.slogan-button {
    display: inline-block;
    padding: 8px 35px;
    border: 1px solid #333;
    color: #333;
    text-decoration: none;
    font-size: 16px;
    border-radius: 5em;;
    transition: all 0.3s ease;
}

.slogan-button:hover {
    background-color: #333;
    color: #fff;
}

/* First slide slogan positioning */
.slogan-1 {
    top: 50%;
    left: 50%;
    max-width: 50%;
    transform: translate(-50%, -50%););
    text-align: center;
}

/* Second slide slogan positioning */
.slogan-2 {
    top: 50%;
    left: 50%;
    max-width: 50%;
    transform: translate(-50%, -50%););
    text-align: center;
    
}
/* Second slide slogan subtitle color */
.slogan-2 .slogan-title {
    letter-spacing: .2em;
}
/* Second slide slogan subtitle color */
.slogan-2 .slogan-subtitle {
    color: #cc0000;
}

/* Third slide slogan positioning */
.slogan-3 {
    top: 50%;
    left: 10%;
    transform: translate(0, -50%);
    text-align: right;
    max-width: 62%;
    color: #fff;
}

.slogan-3 .slogan-button {
    border-color: #fff;
    color: #fff;
}

.slogan-3 .slogan-button:hover {
    background-color: #fff;
    color: #000;
}

/* Mobile styles */
@media screen and (max-width: 768px) {
    .slogan-title {
        font-size: 6.5vw;
    }

    .slogan-subtitle {
        font-size: 4vw;
    }

    .slogan-button {
        padding: 3px 15px;
        font-size: 12px;
    }

    .slogan-1,
    .slogan-2 {
        max-width: 90%;
        width: 90%;
    }

    .slogan-2 {
        top: auto !important;
        bottom: 10% !important;
        transform: translate(-50%, 0) !important;
    }

    .slogan-3 {
        top: 10%;
        max-width: 80%;
        width: 80%;
        left: 50%;
        transform: translateX(-50%);
    }
}
</pre></body></html>