* {
    margin: 0;
    padding: 0;
}

:root {
    --blue: #2654ff;
    --dark-blue: #05113c;
    --white: #ffffff;
    --black: #000000;
    --orange: #f15a24;
    --light-gray: #e6e6e6;
    --gray: #2d2d2d;
}

@font-face {
    font-family: nunito_sans;
    src: url("https://sistemas.uniandes.edu.co/codefest/2024/assets/fonts/NunitoSans_10pt-Regular.ttf");

}

@font-face {
    font-family: klavika_condensed;
    src: url("https://sistemas.uniandes.edu.co/codefest/2024/assets/fonts/Klavika-Condensed.ttf");
}

@font-face {
    font-family: space_age;
    src: url("https://sistemas.uniandes.edu.co/codefest/2024/assets/fonts/space-age.ttf");
}

h1, h2, h3, h4, h5, h6, p, li, div, a, span {
    font-family: nunito_sans;
}

a {
    text-decoration: none;
}

section {
    padding-top: 1rem;
}



.klavika-text {
    font-family: klavika_condensed;
    line-height: 1;
}

.spaceage-text {
    font-family: space_age;
}

.darkblue-bg {
    background-color: var(--dark-blue);
}

.blue-text {
    color: var(--blue) !important;
}

.orange-text {
    color: var(--orange);
}

.blue-bg {
    background-color: var(--blue);
}

.lightgray-bg {
    background-color: var(--light-gray);
}

.gray-bg {
    background-color: var(--gray);
}

.blue-border-bg {
    border-color: var(--blue) !important;
    opacity: 1 !important;
}

.gray-border-bg {
    border-color: var(--gray) !important;
    opacity: 1 !important;
}

/* Banner eliminatorias*/
section.eliminatorias {
    background-image: url("https://sistemas.uniandes.edu.co/codefest/2024/assets/images/banner-espacial-web.webp");
}

#navbarNavDropdown .nav-item .active {
    font-weight: bold;
    border-bottom: #fff solid 1px;
} 

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}



@media (max-width: 768px) {
    .klavika-text {
        font-family: klavika_condensed;
        line-height: 1;
        font-size: 1.5rem;
    }
    
    .spaceage-text {
        font-family: space_age;
        font-size: 2rem;
    }
}

@media (min-width: 768px) {
    .klavika-text {
        font-family: klavika_condensed;
        line-height: 1;
        font-size: 4rem;
    }
    
    .spaceage-text {
        font-family: space_age;
        font-size: 4.5rem;
    }
}