/*
Element styles
*/

body {
    font-family: 'Montserrat Alternates', sans-serif;
    font-weight: 400;
    background-color: #180A0A;
    color: #F582A7;
}

h1 {
    font-size: 4vw;
    font-weight: 300;
    text-align: center;
    color: #F582A7;
    font-family: 'Montserrat Alternates', sans-serif;
}

img {
    width: 100vw;
}

/*
Header classes
*/

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {    
    background-color: #F10086;
}

.nav-link {
    color: #F582A7;
}

.nav-link:hover {
    color: #F10086;
}

.header-title {
    color: #F582A7;
}

.title {
    padding-top: 2%;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

/*
Submit form classes
*/

.form-section {
    padding-top: 3%;
    padding-bottom: 1%;
}

.first-section {
    background-color: #180A0A;
    color: #F582A7;
}

.second-section {
    background-color: #711A75;
    color: #F582A7;
}

.third-section {
    background-color: #F10086;
    color: #180A0A;
}

.submit-section {
    background-color: #F10086;
}

.submit-button {
    max-width: 500px;
}

.sub-text {
    color:#fff
}

/*
Results page
*/

.correct {
    color: #F582A7;
    font-weight: 700;
}

.incorrect {
    color: #F10086;
    text-decoration: line-through;
}

.unknown {
    color: #180A0A;
}

/*
Thanks page
*/
.thanks {
    background-color: #180A0A;
} 

/*
Footer
*/

footer {
    color: #F582A7;
}