@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    background-image: url(./src/banner_background.png);
    background-size: cover;

    color: #fff;
    font-family: 'Poppins', serif;
    font-style: normal;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 0 0 7px #000;
}

/* background */

.background-navbar {
    background-color: #111;
    box-shadow: 0 0 20px #000;
    border-bottom: 3px solid #fff;
}

.background-navbar-dropdown {
    background-color: #222;
    border: 3px solid #fff;
    box-shadow: 0 0 20px #000;
}

.background-footer {
    background-color: #111;
    box-shadow: 0 0 20px #000;
    border-top: 3px solid #fff;
}

/*
.background-main {
    background-color: #111;
    margin-top: 10rem;
    margin-bottom: 11rem;
    border-radius: 15px;
    box-shadow: 0 0 20px #000;
    border: 3px solid #fff;
}
*/

.background-secondary-row {
    background-color: #111;
}

#banner {
    height: 85vh;
}

/* text */

.text-smaller {
    font-size: 14px;
}

.text-bigger {
    font-size: 24px;
}

.text-main {
    font-size: 2.3rem;
}

.text-justify {
    text-align: justify;
}

.text-green-glow {
    color: #0a0;
    text-shadow: 0 0 20px #0a0;
}

.title-bigger {
    font-size: 70px;
}

.title-main-bigger {
    font-size: 4vmax;
}


/* IMG */

.img-main {
    border-radius: 15px;
    box-shadow: 0 0 20px #000;
    border: 3px solid #fff;
}

.img-link:hover {
    opacity: 75%;
    transition: 0.3s ease;
}


/* fixed elements */

.footer-fixed {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}


/* scroll wheel */

::-webkit-scrollbar {
    width: 14px;
}

::-webkit-scrollbar-track {
    background: #8a8a8a;
}

::-webkit-scrollbar-thumb {
    background: #bdbdbd;
}

::-webkit-scrollbar-thumb:hover {
    background: #fff;
}


/* links */

a:link,
a:visited,
a:active {
    color: #fff;
    text-decoration: none;
    transition: 0.3s ease;
}

a:hover {
    color: #a8a8a8;
}

a.text-link {
    color: #0f0;
    text-decoration: underline;
    text-decoration-skip-ink: auto;
    transition: 0.3s ease;
}

a.text-link:hover {
    color: #0a0;
    transition: 0.3s ease;
}


/* scroll indicator */

.scroll-indicator {
    position: relative;
    height: 4em;
}

.arrow {
    border: solid #fff;
    border-width: 0 0.9vmax 0.9vmax 0;
    display: inline-block;
    padding: 1.2vmax;
    position: absolute;
    top: 0;
    left: 50%;
    transform:
        translateX(-50%) rotate(45deg);
}

.arrow:nth-child(2) {
    animation:
        arrow1 1.5s ease-in-out infinite;
}

.arrow:nth-child(3) {
    animation:
        arrow2 1.5s ease-in-out infinite;
}

@keyframes arrow1 {
    100% {
        opacity: 0;
        top: 100%;
    }
}

@keyframes arrow2 {
    100% {
        opacity: 0;
        top: 50%;
    }
}