@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&family=Roboto:wght@700&display=swap');

#winners-header, #promo-header {
    font-family: "Roboto Slab", serif;
    font-size: 2.1rem;
    -webkit-text-stroke: 1px #000;
    color: #ef5623;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
}

#promo-header {
    font-family: "Roboto Slab", serif;
    font-size: 2.1rem;
    -webkit-text-stroke: 1px #000;
    color: #13bcb9;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
}

body {
    background: #29818d;
}

section {
    padding-top: 25px;
}

#mainBody {
    color: #fff;
}

.linkbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    bottom: 115px;
}

.deadline-notice {
    background: rgba(0, 0, 0, 0.6);
    border-radius: 5px;
    padding: 3px;
    margin: 0;
}

.modal-body {
    color: #000;
}

.btn-outbound {
    padding: 10px;
    font-size: 1.2rem;
    background: #fdc661;
    color: #130d33;
    border: 2px solid #130d33;
    font-family: "Roboto Slab", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
}

.btn-outbound:hover, .btn-outbound:focus, .btn-outbound:active {
    background: #ab977c;
    color: #130d33;
    border: 2px solid #130d33;
}

main {
    font-family: 'Inter', serif;
    font-weight: 700;
    font-size: 1.25rem;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 1000px) {
    .linkbox {
        bottom: 75px;
    }
}

@media (max-width: 576px) {
    body {
        background: #ac4c96;
    }

    .linkbox {
        position: static !important;
    }
}