html {
    background-color: #000000;
}

.hundo {
    background-color: #000000 !important;
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
}

/**animation css **/

.message-container {
    color: yellow;
    height: 70%;
    width: 100%;
    background: #000000;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.explicit-words {
    font-size: 10rem;
}

@media (max-width: 1380px) {
    .explicit-words {
        font-size: 7rem;
    }
}

@media (max-width: 1024px) {
    .explicit-words {
        font-size: 5.5rem;
    }
}

@media (max-width: 735px) {
    .explicit-words {
        font-size: 4.5rem;
    }
}

@media (max-width: 430px) {
    .explicit-words {
        font-size: 3rem;
    }
}

span::before {
    content: '';
    font-family: 'Alumni Sans Collegiate One','Impact', Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    text-transform: uppercase;
    animation-name: change-word;
    animation-duration: 41s;
    animation-iteration-count: infinite;
}

@keyframes change-word {
    0% {
        content: "Welcome"
    }
    6.5% {
        content: "Please"
    }
    7.2% {
     content: "be"
    }
    8.0% {
        content: "over"
    }
    9.0% {
        content: "the"
    }
    10.0% {
        content: "age"
    }
    11.0% {
        content: "of"
    }
    12.0% {
        content: "18"
    }
    13.0% {
        content: "and"
    }
    14.0% {
        content: "aware"
    }
    15.2% {
        content: "that"
    }
    16.4% {
        content: "content"
    }
    17.8% {
        content: "within"
    }
    19.4% {
        content: "is"
    }
    20.4% {
        content: "..."
    }
    22.4% {
        content: "sexual"
    }
    23.9% {
        content: "crude"
    }
    25.5% {
        content: "hilarious"
    }
    27.4% {
        content: "evil"
    }
    28.9% {
        content: "funny"
    }
    30.4% {
        content: "mean"
    }
    31.9% {
        content: "offensive"
    }
    34% {
        content: "rude"
    }
    35.7% {
        content: "coarse"
    }
    37.2% {
        content: "dirty"
    }
    38.8% {
        content: "disrespectful"
    }
    40.7% {
        content: "sexist"
    }
    42.4% {
        content: "shocking"
    }
    43.8% {
        content: "and"
    }
    45.3% {
        content: "definitely"
    }
    47.1% {
        content: "not"
    }
    48.4% {
        content: "politically"
    }
    50.5% {
        content: "correct"
    }
    52% {
        content: ""
    }
    60.3% {
        content: "these"
    }
    61.2% {
        content: "are"
    }
    62.1% {
        content: "not"
    }
    63% {
        content: "your"
    }
    63.9% {
        content: "grandma's"
    }
    65.5% {
        content: "greeting"
    }
    67.2% {
        content: "cards"
    }
    68.4% {
        content: "cupcake"
    }
    71% {
        content: ""
    }
    72% {
        content: "so"
    }
    73% {
        content: "give"
    }
    74% {
        content: "the"
    }
    75% {
        content: "gift"
    }
    76% {
        content: "of"
    }
    77% {
        content: "your"
    }
    78% {
        content: "middle"
    }
    79.4% {
        content: "finger"
    }
    81.0% {
        content: "with"
    }
    82.5% {
        content: "an"
    }
    83.9% {
        content: "explicit"
    }
    85.5% {
        content: "greeting"
    }
    87.1% {
        content: "card"
    }
    90% {
        content: ""
    }
    97% {
        content: ""
    }
    100% {
        content: ""
    }
}