.content-section {
    margin-top: 80px;
    min-height: 60vh;
    padding: 60px 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

@font-face {
    font-family: "Ambatah-Bold";
    font-weight: bold;
    font-style: normal;
    src: url("../web-assets/Ambatah-Bold.woff2") format('woff2');
}
@font-face {
    font-family: "Ambatah-Thin";
    font-weight: normal;
    font-style: normal;
    src: url("../web-assets/Ambatah-Thin.woff2") format('woff2');
}
@font-face {
    font-family: "Inter-Bold";
    font-weight: bold;
    font-style: normal;
    src: url("../web-assets/Inter-Bold.woff2") format('woff2');
}
@font-face {
    font-family: "Inter-Thin";
    font-weight: normal;
    font-style: normal;
    src: url("../web-assets/Inter-Thin.woff2") format('woff2');
}
body {
    background-image: url('../web-assets/VTMashup.svg');
    font-family: sans-serif;
    justify-content: center;
    margin: 0;
    background-color: #010101;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

}

#mission-statement {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80%;
}
#mission-statement h2 {
    display: flex;
    font-family: 'Ambatah-Bold', sans-serif;
    letter-spacing: 2px;
    font-size: 50px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
    color: white;

}
#mission-statement p {
    font-family: "Ambatah-Thin", sans-serif;
    letter-spacing: 5px;
    font-size: 40px;
    color: white;
}

#header {
    display: flex;
    width: 100%;
    background-color: rgba(0,0,0,0.2);
}

#header h1, h2{
    text-align: center;
    padding: 10px;
    display: inline;
    color: white;
    font-family: 'Ambatah-Bold', sans-serif;
    letter-spacing: 2px;
    font-size: 50px;
    text-shadow: 0 0 4px #010101;
}
#header span {
    color: #EF24A6;
    border-bottom: 5px solid #FEC53C;
    text-shadow: -4px 4px 5px #25DEF1;
    /*#1688FF*/
    padding: 0 10px;
}
/* Unordered List / Bullets */
#roadmap {
    color: white;
    font-family: "Inter-Thin", sans-serif;
    letter-spacing: 3px;
    display: flex;
    flex-direction: column;
}

#roadmap h2 {
    color: white;
    font-family: 'Ambatah-Bold', sans-serif;
    letter-spacing: 2px;
    font-size: 50px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);

}
#roadmap ul {
    text-align: left;
    max-width: 600px;
}
#roadmap li {
    color: white;
    font-family: "Ambatah-Thin", sans-serif;
    letter-spacing: 3px;
    padding: 30px;
    font-size: 30px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
    background-color: rgba(1,1,1, 0.7);
    list-style-type: none;
}
#roadmap span {
    color: #EF24A6;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

#contact-us {
    padding: 15px 20px;
}
#contact-us a{
    color: white;
    font-family: "Ambatah-Bold", sans-serif;
}
#contact-us a:hover{
    color: cyan;

}
#connect-with-us {
    text-align: center;
    color: white;
    font-family: 'Ambatah-Bold', sans-serif;
    letter-spacing: 2px;
    font-size: 30px;
}
#connect-with-us span {
    color: #EF24A6;
}
#email-signup-cta span {
    color: #EF24A6;
}
#email-signup-cta {
    color: white;
    font-family: 'Ambatah-Bold', sans-serif;
    letter-spacing: 2px;
    font-size: 20px;
    padding: 40px 0 10px 0;
}

#form {
    color: white;
    font-family: 'Ambatah-Thin', sans-serif;
    padding: 10px;
}
#form input{

    border-radius: 4px;
    border: 1px solid white;
}

.our-team h2 {
    font-family: 'Ambatah-Bold', sans-serif;
    letter-spacing: 2px;
    color: white;
    display: block;
    margin: 0;
    padding: 50px 0 0 0;
    box-sizing: border-box;
}
.our-team p {
    font-family: "Ambatah-Thin", sans-serif;
    letter-spacing: 2px;
    color: white;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.credits h3 {
    font-family: 'Ambatah-Bold', sans-serif;
    letter-spacing: 2px;
    color: white;
    display: block;
    margin: 0;
    padding: 50px 0 0 0;
}

.credits p {
    font-family: "Ambatah-Thin", sans-serif;
    letter-spacing: 2px;
    color: white;
    margin: 0;

}

.credits a {
    color: cyan;
    letter-spacing: 2px;
}
.credits {
    padding: 30px 20px;
    font-size: 20px;
}
#dev {
    padding: 10px;
}
#graphic-designer {
    padding: 10px;
}
.section-spacer {
    display: block;
    width: 100%;
    height: 150px;
}

.scroll-container {
    background-color: rgba(0,0,0, 0.6);
    min-height: 100vh;
    margin: 0;
}

.black-background-section {
    background-color: rgba(1,1,1, 0.75);
}

#flexbox-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#contentFlexBox {
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: start;
    width: 80%;
    background-color: rgb(0,0,0, 0.5);
    margin: auto;
    padding: 150px 50px 150px 50px;
    color: white;
    font-size: 20px;
    letter-spacing: 2px;
    text-shadow: 0 0 4px rgba(0, 0, 0, 1);
}

#contentFlexBox h1 {
    color: #EF24A6;
    font-size: 100px;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8);
    border-bottom: 5px solid #FEC53C;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}
#contentFlexBox h2 {
    color: cyan;
    font-size: 30px;
    margin-top: 200px;
    align-items: center;
    justify-content: center;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}
#contentFlexBox span {
    color: #EF24A6;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}
#contentFlexBox li {
    margin-bottom: 20px;
}