header nav {
    background-color: #f7e987;
    color: #5b9a8b !important;
}

@media (min-width: 768px) {
    header nav {
        height: 64px;
    }
}
header nav a:hover {
    text-decoration: underline;
}
header nav a {
    text-decoration: underline;
    color: #5b9a8b !important;
    font-size: 1.5rem !important;
}
header nav name {
    color: #5b9a8b !important;
    font-size: 2rem !important;
}

header nav img{
    height: 3rem !important;
}

footer {
    background-color: #f7e987;
    height: 32px;
    color: #5b9a8b;
}

h1 {
    font-size: 1.5em;
    color: #f7e987;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

h2 {
    font-size: 1.25em;
    color: #f7e987;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 3px 3px 0 #000;
}

h3 {
    font-size: 1.1em;
    color: #f7e987;
}

.carousel-item{
    height: 30rem !important;
    background-repeat:  no-repeat;
    background-size:cover;
    background-position: center;
}

.carouselItem1{
    background-image: url("image.jpg");
}
.carouselItem2{
    background-image: url("image.jpg");
}
.carouselItem3{
    background-image: url("image.jpg");
}

.startButton{
    color: #f7e987;
    font-size: 1.1em;
    background-color: #252b48;
}

main{
    background-color: #5b9a8b;
    color: #f7e987;
    height: auto; 
    min-height: 90%;
}

body{
    height: auto;
    min-height: 100%;
}

.form-check-input{
    background-image: url('checkBox.png');
    border: none;
    background-clip: padding-box;
}

.form-control{
    padding-top: 0;
    padding-bottom: 0;
}