html, body {
    height: 100%; 
    width: 100%; 
    margin: 0; 
}

body {
    background-color: #FCDDBC;
}

.navbar-custom {
    background-color: #3E4E50;
}

.navbar-custom .navbar-brand {
    color: #86BBD8;
}

.navbar-custom .nav-item .nav-link {
    color: #86BBD8;
}

.navbar-custom .nav-item .nav-link:hover {
    color: white;
}


.header {
    height: 40%;
    background-color: blue;
    background-image: url(img/template.jpg);
    background-size: cover;
}

h2 {
    color: #FCDDBC;
}

p {
    color: #333333;
}

.card {
    background: none;
    border: none;
}

.btn-primary {
    background-color: #3E4E50;
}

.btn-primary:hover {
    background-color: #3E4E50;
}

.list-group-item {
    background: none;
}

.carousel-item {
    height: 600px;
    overflow: hidden;
    width: 100%;
}

.carousel-item img {
    width: 100%;
}