* {
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 700;
    font-style: normal;
}

h1{
    color: #ffd100 !important;
    font-size: 5em !important;
}

h2{
    color: #ffd100 !important;
    font-size: 2em !important;
    text-decoration: none !important;
}

a{
    text-decoration: none !important;
}

#countdownBox{
    font-size: 1.8em !important;
}

.bg-blue{
    background-color: #001489 !important;
}

.vh-20{
    height: 20vh !important;
}

.vh-80{
    height: 80vh !important;
}

.previous-arrow{
    color: white !important;
    font-size: 3em !important;
    text-decoration: none !important;
}

.btn-primary{
    background-color: #ffd100 !important;
    color: #222731 !important;
    border-color: #ffd100 !important;
    border-radius: 100px !important;
}

.btn-large{
    font-size: 45px !important;
    padding: 30px 70px !important;
    line-height: 1.3333333 !important;
}

.video_image{
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 20px;
}

.qr-image{
    border-radius: 20px;
}