* {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
}

.fullbg {
    background-image: linear-gradient(to right, #6197ed, #2e54a6);
    height: 100% !important;
}

body {
    background-color: #fff !important;
    position: relative !important;
}

.center-text {
    text-align: center !important;
}

.offset {
    margin-top: 6%;
}

h1 {
    font-weight: 600 !important;
    border-bottom: 1px solid black;
}

.title {
    margin-bottom: 7%;
}

#news, #about, #games, #staff, #support {
    height: calc(100vh + calc(100% - 100vh)) !important;
    margin-bottom: 10vh;
}

.alert {
    cursor: pointer !important;
}

/*---------Nav Stuff----------*/

.nav-offset {
    padding-top: 75px;
}

#nav-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 10 !important;
}

.navbar {
    background-image: linear-gradient(to right, #6197ed, #2e54a6);
}

.navbar-brand img {
    height: 50px;
}

.navbar-nav li {
    padding: 0 10px !important;
}

.navbar-nav li a {
    color: #fff !important;
    text-align: center;
}

.navbar-toggler {
    border: none !important;
    margin-right: 8px;
    box-shadow: -4px -4px 12px #688fe3, 4px 4px 12px #1d3975;
}

.active {
    text-decoration: underline !important;
}

.fa-bars {
    color: #fff !important;
    font-size: 30px !important;
}


/*----------Other Stuff----------*/

#member, #rules, #team, #team-signup, #team-delete, #game, #funding {
    background-image: linear-gradient(to right, #6197ed, #2e54a6);
    height: 100vh;
}

#login h2, #signup h2, #member h2, #rules h2, #team h2, #team-signup h2, #team-delete h2, #game h2, #funding h2 {
    border-bottom: 1px solid black;
}


/*---------Home Stuff---------*/

#home {
    background-image: linear-gradient(to right, #6197ed, #2e54a6);
    color: #fff;
    padding-top: 75px;
}

.main-row {
    padding-top: 12%;
}

.ttimage {
    margin-left: 15%;
}

.promo-title {
    font-size: 72px;
    font-weight: 600;
    margin-top: 10%;
}

.title-border {
    border-bottom: 2px solid #fff;
}

.bottom-png {
    margin-top: 6% ;
    width: 100%;
}

/*-------------News Stuff--------------*/

.smaller-pic {
    width: 65% !important;
}

@media (max-width: 991.98px) {

    .smaller-pic {
        width: 80% !important;
    }

}


/*------------About Stuff------------*/

.offset-text {
    margin-top: 20% !important;
}

/*---------------Games Stuff-------------*/

@media (max-width: 991.98px) {

    .phone-margin {
        margin-top: 3% !important;
        margin-bottom: 3% !important;
    }

}

/*--------------Staff Stuff--------------*/

.card {
    width: 15em;
    margin: auto;
}

.card h4 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.45);
}

/*-------------Support Stuff-------------*/



/*--------------Footer Stuff---------------*/

#footer {
    margin-bottom: 0 !important;
}

#footer a {
    color: #fff;
    text-decoration: underline;
}

#footer a:hover {
    color: gainsboro;
}

.page-footer {
    background-image: linear-gradient(to right, #6197ed, #2e54a6);
    color: #fff !important;
}

.footer {
    padding: 20px;
}

.footer-copyright p {
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 20px;
}

.footer-copyright hr {
    background-color: #fff;
}

@media (max-width: 991.98px) {

    #footer, #footer p, #footer h5 {
        text-align: center !important;
    }

}

/*--------------Login Stuff-------------*/

#login, #signup, #forgot, #reset {
    
    background-color: #6197ed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.form-container {
    height: 100vh;
}

.login-pic {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.form-inputs {
    width: 100%;
}

/*------------Member Stuff------------*/
#member h2 {
    border-bottom: 1px solid black;
}

.member-row {
    margin-top: 3%;
}

/*-------------Team Stuff------------*/
.teams a {
    color: #fff;
    text-decoration: underline;
}

.teams a:hover {
    color: gainsboro;
}

#rules {
    background-image: linear-gradient(to right, #6197ed, #2e54a6);
    height: 100% !important;
}

.div-offset {
    margin-top: 15vh;
    margin-bottom: 10vh;
}