body {
    font-family: 'Segoe UI light', arial, sans-serif;
    font-weight: bold;
}

a {
    text-decoration: none;
    transition: 0.3s;
}

header {
    color: white;
    color: #333;
}

header .navbar-top, footer {
    background-color: #4DB1E2;
    color: white;
}

.btn-agendar {
    background-color: #4DB1E2;
}

.navbar-toggler {
    border: 1px solid #fff;
}

.navbar-toggler-icon {
    color: white;
}

.nav-link {
    color: #fff;
    padding: 0;
}

.nav-link:hover {
    opacity: 0.9;
    transition: 0.5s;
}

.nav-link.active {
    opacity: 0.5;
}

.navbar-brand .display-4 {
    font-size: 2em;
    color: #4DB1E2;
}

.navbar-bottom {
    background-color: #fff;
}

.navbar-bottom .nav-link {
    color: #333;
}

.navbar-bottom .nav-link:hover {
    color: #4DB1E2;
}

.card {
    border: none;
    background-color: #F8F9FA;
}

.agenda {
    background-color: #4DB1E2;
    color: #fff;
}

.card-title {
    font-size: 1.6em;
    font-weight: bold;
}

.btn,
.agenda input,
.agenda select,
.agenda button {
    border-radius: 15px;
    border: none;
}

.area-agenda .card:nth-child(1) {
    background-image: url("https://images.unsplash.com/photo-1589279003513-467d320f47eb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80");
    background-size: cover;
}

footer .container {
    display: flex;
    gap: 32px;
    line-height: 10px;
    width: 25%;
}

footer .container h1 {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 16px;
}

footer .container  div {
    text-align: left;
}

footer .container .social-media i {
    font-size: 2em;
}

.bottom {
    background: #0069D9;
    color: #fff;
    text-align: center;
}