/********************************* for boobstrap icons***********************************/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");

/********************************* page transitions ************************************/
.transition {
    animation: transitionIn 1.1s;
}

@keyframes transitionIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes transitionDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0px);
    }
}

/************************************ navigation bar bullshit ***********************************/
.navbar-customclass {

    /* background-color:#c6e2ff; */
    background-color:#000000;
}
/* changing brand text color*/
.navbar-customclass .navbar-brand,
.navbar-customclass .navbar-text {
    color:white;
    font-size: 17px;
    font-family: 'Trebuchet MS', sans-serif;
}
/* navigation link text color */
.navbar-customclass .navbar-nav .nav-link {
    color:#619dda;
    padding-right: 30px;
    font-size:19px;
    font-family: 'Trebuchet MS', sans-serif;
}
/* navigation links anchor hover and active styles */
.navbar-customclass .nav-item.active .nav-link,
.navbar-customclass .nav-item:hover .nav-link {
    color:white;
    font-size: 19px;
    font-family: 'Trebuchet MS', sans-serif;
}

 /********************** color theme, background, and formatting *************************/
    .homepage {
        background-color: #010221;
        /* background-image: url("../static/background5.jpg"); */
        background-repeat:no-repeat;
        /* -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover; */
        /* background-size: cover; */
        background-size:auto;
        background-position:center;
    }

    .homepage_fluid {
        /* background-color: #010221; */
        background-image: url("../static/background5.jpg");
        /* background-repeat:no-repeat; */
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size: cover;
        /* background-size:auto; */
        background-position:center;
    }

    /* body {
        background-color: #010221;
        background-image: url("../static/background1.jpg");
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover;
        background-size: cover;
        background-position:center;
        } */

        .other_fluid_wink {
            background-color: #010221;
            background-image: url("../static/background1.jpg");
            /* background-repeat:no-repeat; */
            -webkit-background-size:cover;
            -moz-background-size:cover;
            -o-background-size:cover;
            /* background-size: cover; */
            background-size: cover;
            background-position:center;
            }

    .the-row {
        background-color:#010221;
        height: 400px;
    }

    .your-mom {
        border-color: #3399ff;
        color:#3399ff;
        font-size: 25px;
        font-family: 'Trebuchet MS', sans-serif;
    }

    .your-mom-small {
        border-color: #3399ff;
        color:#3399ff;
        font-size: 20px;
        font-family: 'Trebuchet MS', sans-serif;
    }

    .padding {
        padding-top: 10px;
        
    }

    .void {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .mini_void {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .page_tits {
        color:#01b1a2;
        font-size: 60px;
        font-family: 'Geneva', sans-serif;
    }

    .head_wink_wink {
        color:#01b1a2;
        font-size: 35px;
        font-family: 'Geneva', sans-serif;
    }

    .deez_nuts_subhead {
        font-size: 25px;
        padding-left: 10px;
        padding-top: 10px;
        border-top: #c0c0c0;
        color: white;
        font-family: 'Geneva', sans-serif;
    }

    .peepee_subtitle {
        padding-left: 10px;
        padding-right: 10px;
        color: #ffffff; 
        /* color: #a5d5ff; */
        font-size: 30px;
        font-family: 'Geneva', sans-serif;
    }

    .peepee_desc {
        /* padding-bottom: 10px; */
        padding-left: 10px;
        padding-right: 10px;
        /* color: #94dbff; */
        color: #ffffff;
        font-size: 23px;
        font-family: 'Geneva', sans-serif;
    }

    .peepee_small {
        /* color: #94dbff; */
        color: #ffffff;
        font-size: 16px;
        font-family: 'Geneva', sans-serif;
    }

    .row .align_head{
        text-align:left;
        padding-left:130px;
        }

    .row .align_subhead{
        text-align:left;
        padding-left:160px;
        }

        .hidden {
            color: #c6e2ff;
        }
/* ******************************************** link styling ******************************************** */
    a:link {
    text-decoration: none;
    color: #6dc5ff;
    }

    a:visited {
    text-decoration: none;
    color: #6dc5ff;
    }

    a:link .hidden{
        color: #c6e2ff;
        }

    .link_style {
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 21px;
        font-family: 'Geneva', sans-serif;
    }

    .left_pad {
        padding-left: 30px;
    }