body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}

h2 {
    color: darkgreen;
    font-size: 25px;
    text-decoration: underline;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

h1 {
    color: darkgreen;
    font-size: 40px;
    text-decoration: underline;
    text-align: center;
}

#navBar {
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background-color: darkgreen;
    position: fixed;
    top: 0;
    width: 100%;
}

nav {
    background-color: darkgreen;
}

nav > .container-fluid {
    padding: 0 5px;
    margin: 0;
}

#navBarContainer {
    padding: 10px;
}

.navbar-brand, .nav-link,
.navbar-brand:hover {
    color: white;
}

.navbar-collapse {
    padding: 5px;
    margin: 5px;
}

.nav-link.active,
.nav-link:hover {
    background-color: white;
    color: darkgreen !important;
}

.dropdown-item {
    color: darkgreen;
}

.dropdown-item.active,
.dropdown-item:hover {
    background-color: darkgreen;
    color: white;
}

.dropDown:hover .dropBtn, 
.dropBtn:focus {
    background-color: white;
    color: darkgreen;
}

.dropDown {
    float: left;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.dropDown .dropBtn {
    cursor: pointer;
    font-size: 16px;
    border: none;
    outline: none;
    padding: 15px;
    margin: 0;
    transition: none;
}

.dropdown-content {
    display: none;
    background-color: darkgreen;
    margin: 0;
    padding: 0;
}

.dropdown-content a {
    float: none;
    color: white;
    padding: 15px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a.active {
    color: darkgreen;
}

.dropdown-content a:hover {
    background-color: white;
    color: darkgreen;
}

div {
    padding: 30px 20px;
    margin-top: 10px;
}

p, label {
    color: darkgreen;
    font-size: 15px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#text, #quote,
#news, #contact,
#about, #form,
#projects, #meetings,
#events, #other,
#products, #donations,
#template {
    padding: 10px 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#submitMessage {
    padding: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#success, #failure {
    background-color: darkgreen;
    color: white;
    border: 5px solid black;
    padding: 5px;
}

#failure {
    background-color: darkred;
}

#success i, #failure i {
    padding-right: 5px;
}

#text.style, #quote.style,
#news.style, #contact.style,
#about.style, #form.style,
#projects.style, #meetings.style,
#events.style, #other.style,
#products.style, #donations.style,
#template.style {
    padding: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.style p, .style h2, .style label {
    color: white;
    font-size: 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.style h2 {
    font-size: 35px;
}

q {
    font-style: italic;
    font-weight: bold;
}

.style {
    background-color: darkgreen;
    color: white;
    border: 5px solid black;
    font-size: 20px;
    padding: 10px;
    margin: 10px;
}

.toggleBtn, .style .formBtn {
    background-color: darkgreen;
    color: white;
    border: 5px solid black;
    font-size: 18px;
    padding: 5px;
    margin: 5px 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.toggleBtn:hover, .formBtn:hover {
    background-color: white;
    color: darkgreen;
    border: 5px solid darkgreen;
}

.formBtn {
    background-color: darkgreen;
    color: white;
    border: 5px solid black;
    border-radius: 0;
    font-size: 12px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}