* {
    font-family: "Inter", sans-serif;
}
.marquee {
    height: 25px;
    width: 420px;
    overflow: hidden;
    position: relative;
}

    .marquee div {
        display: block;
        width: 200%;
        height: 30px;
        position: absolute;
        overflow: hidden;
        animation: marquee 1s linear infinite;
    }

    .marquee span {
        /*float: left;
        border-bottom: 3px solid black;*/
        float: left;
        z-index: 99;
        position: absolute;
        text-decoration: underline;
        color: #ffffff;
        text-decoration-thickness: 4px;
        text-decoration-style: solid;
        text-decoration-color: red;
        font-size: 1px;
    }

section .container {
    width: 80%;
    height: 500px !important;
    box-shadow: 0 12px 15px 6px rgb(0 0 0 / 32%) !important;
    border-radius: 1.25rem;
}
@media screen and (max-width: 600px) {
    section .container {
        width: 100% !important;
    }
}

@media screen and (max-width: 600px) {
    section .container .user .formBx {
        width: 100% !important;
    }
}


@keyframes marquee {
    0% {
        left: 0%;
    }

    100% {
        left: 100%;
    }
}


@media screen and (max-width: 600px) {
    form {
        width: 85%!important;
    }
}

@media screen and (max-width: 768px) {
    section .container {
        max-width: 100%!important
    }
}