body {
    background-color: #274C77;
    font-family: 'Space Grotesk', sans-serif;
    color: white;
}

nav {
    background-color: #274C77;
    z-index: 1;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}

#link {
    transition: .5s;
}

#link:hover {
    color: #9EC9FB;
}

header, #about, #projText {
    background-color: #386CA8;
}

#projText > a, #submit {
    --bs-btn-border-color: white;
    --bs-btn-hover-bg: #3D87DB;
    --bs-btn-hover-border-color: white;
    --bs-btn-active-bg: #509CF2;
    --bs-btn-active-border-color: white;
}

.accordion {
    --bs-accordion-color: white;
    --bs-accordion-bg: #386CA8;
    --bs-accordion-border-width: none;
    --bs-accordion-btn-color: white;
    --bs-accordion-btn-icon-color: white;

}

.accordion-button::after {
    margin-left: 10px;
    margin-right: 10px;
}

#circle1 {
    width: 250px;
    height: 250px;
    background: #2C527D;
    border-radius: 50%;
    position: fixed;
    left: 5%;
    top: 5%;
    z-index: -1;
    opacity: 50%;
}

#circle2 {
    width: 400px;
    height: 400px;
    background: #2C527D;
    border-radius: 50%;
    position: fixed;
    left: 75%;
    top: 10%;
    z-index: -1;
    opacity: 50%;
}

#circle3 {
    width: 375px;
    height: 375px;
    background: #2C527D;
    border-radius: 50%;
    position: fixed;
    left: 8%;
    top: 50%;
    z-index: -1;
    opacity: 50%;
}

#circle4 {
    width: 300px;
    height: 300px;
    background: #2C527D;
    border-radius: 50%;
    position: fixed;
    left: 80%;
    top: 70%;
    z-index: -1;
    opacity: 50%;
}

#circle5 {
    width: 225px;
    height: 225px;
    background: #2C527D;
    border-radius: 50%;
    position: fixed;
    left: 35%;
    top: 20%;
    z-index: -1;
    opacity: 50%;
}

#circle6 {
    width: 325px;
    height: 325px;
    background: #2C527D;
    border-radius: 50%;
    position: fixed;
    left: 55%;
    top: 45%;
    z-index: -1;
    opacity: 50%;
}