@font-face {
    src: url("/fonts/Advercase-Regular.otf") format("opentype");
    font-family: "Advercase";
}

@font-face {
    src: url("/fonts/SuisseIntl-Regular.woff2") format("woff2");
    font-family: "Suisse";
}


:root{
    --action: rgb(235, 157, 42);
}
body {
    font-family: "Suisse";
    overflow-x: clip;
}

img {
    min-width: 0px;
}

h1, h2, h3 {
    font-family: "Advercase";
    font-weight: normal;
}

.lessons {
    border-left: 1px dashed black;
    border-right: 1px dashed black;
}

.lessons > * {
    border-bottom: 1px dashed black;
}

.lessons :nth-child(1) {
    border-top: 1px dashed black;
}

.card {
    border: 2px solid black;
    border-radius: 8px;
}

.banner {
    background: black;
    color: white;
}


.review {
    border: 2px solid;
    border-radius: 8px;
}

.btn-wobble {
    animation: wobble 3s infinite;
    transform-origin: center;
}

.btn-body {
    background-color: rgb(235, 157, 42);
    border: 1.5px solid rgb(177, 120, 22);
    border-radius: 6px;
    z-index: 2;
    cursor: pointer;
    position: relative;
}

.btn-body:hover {
    top: -4px;
    transition: all .1s ease-in;
    cursor: pointer;
}


.btn-shadow {
    border-radius: 6px;
    cursor: pointer;
    z-index: 2;
    background: #cd8407;
    border: 1.5px solid #b17816;
    width: 100%;
    height: 100%;
    top: 5px;
    left: 0;
    position: absolute;
}

.footer {
    background: #212121;
    border-radius: 12px;
    color: white;
}

.footer-brand {
    color: #494949;
}

.footer-email{
    color:var(--action) !important;
    text-decoration: underline;
}


@keyframes wobble {
    0% {
        transform: rotate(0deg);
    }

    5% {
        transform: rotate(-8deg);
    }

    10% {
        transform: rotate(8deg);
    }

    15% {
        transform: rotate(-6deg);
    }

    20% {
        transform: rotate(6deg);
    }

    25% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

#text {
    margin: 0;
    white-space: nowrap;
    display: block;
}