@font-face {
    font-family: "Gotham-Bold";
    src: url('../fonts/Gotham-Bold.otf');
}

@font-face {
    font-family: "Gotham-book";
    src: url('../fonts/Gotham-Book.otf');
}

/* html {
    scroll-snap-type: mandatory;
    scroll-snap-points-y: repeat(100%);
    scroll-snap-type: y mandatory;
    -webkit-scroll-snap-type: mandatory;
    -webkit-scroll-snap-points-y: repeat(100%);
    -webkit-scroll-snap-type: y mandatory;
    } */
    html::-webkit-scrollbar {
        display: none;
    }

    .prevent_overscroll{
        background: red;
        position: absolute;
        width: 100vw;
        height: 200%;
    }
    ul.nav li {
        font-weight: 800;
        padding: .5rem 3.5rem;
    }
    ul.nav li a {
        font-family: "Gotham-Bold" !important;
        color: white;
        font-size: 1.2em;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
    }

    .nav-pills-sidebar{
        position: fixed;
        top: 40vh;
        left: 2vw;
        color: white;
        z-index: 9;
    }
    .nav-pills-sidebar a {
        content: "a";
        cursor: pointer;
        width: 3px;
        height: 35px;
        background-color: white;
        margin: 4px auto;
        transition: .2s ease;
    }
    .nav-pills-sidebar a:hover{
        width: 5px;
        background-color: skyblue;
    }

    .sidebar-active {
        width: 5px;
        background-color: skyblue;
    }

    .section{
        /* border: 1px solid transparent; */
        margin: 0 auto;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 100vh;
        scroll-snap-align: start;
        position: relative;
    }

    .heading {
        font-size: 4em;
        line-height: 1.14;
        color: white;
        text-shadow: 0 6px 10px rgba(0, 0, 0, 0.5);
        font-family: "Gotham-Bold";
    }
    .text-heading {
        width: 646px;
        font-family: "Gotham-book";
        opacity: .8;
        font-size: .9em;
        line-height: 14.5px;
        font-weight: thin;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0.4px;
        color: #ffffff;
        text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    }

    .custom-btn {
        font-weight: 700;
        border: 2px solid white;
        color: white;
        display: inline;
        padding: .5em 2em;
        border-radius: 25px;
        transition: .5s ease;
    }
    .custom-btn:hover{
        color: #598e9a;
        text-decoration: none;
        background-color: rgba(255, 255, 255, .5);
    }