/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

a {
    color: yellow;
}

img {
    filter: drop-shadow(0 0 #0000);
}

.youtube {
    width: 100%;
    max-width: 560px;
    display: flex;
    justify-content: center;
}

.youtube iframe {
    aspect-ratio: 16/9;
    width: 100% !important;
}

.ml-form-embedWrapper {
    border-width: 2px !important;
    border: 4px !important;
    border-style: solid !important;
    border-color: yellow !important;
    background-color: transparent !important;

}

.ml-form-embedContent * {
    color: white !important;
}

.shine:hover {
    background: #222 -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat;
    -webkit-background-size: 150px;
    -webkit-background-clip: text;
    -webkit-animation-name: shine;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes shine {

    0%,
    10% {
        background-position: -1000px;
    }

    20% {
        background-position: top left;
    }

    90% {
        background-position: top right;
    }

    100% {
        background-position: 1000px;
    }
}