* {
    font-family: 'Roboto', sans-serif;
}

body {
    background-color: #FAF6F2;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

footer {
    background-color: #FAF6F2;
    display: flex;
    justify-content: center;
}

#navbar-logo {
    width: 12rem;
}

.btn-orange {
    color: #ffffff;
    background-color: #B08401;
    border-color: #B08401;
}

.btn-orange:hover {
    color: #ffffff;
    background-color: #B08401;
    border-color: #B08401;
}

.btn-outline-orange {
    color: #B08401;
    border-color: #B08401;
}

.btn-outline-orange:hover {
    color: #ffffff;
    background-color: #B08401;
    border-color: #B08401;
}

.btn-pink {
    color: #ffffff;
    background-color: #D49E8D;
    border-color: #D49E8D;
}

.btn-pink:hover {
    color: #ffffff;
    background-color: #D49E8D;
    border-color: #D49E8D;
}

.btn-outline-pink {
    color: #D49E8D;
    border-color: #D49E8D;
}

.btn-outline-pink:hover {
    color: #ffffff;
    background-color: #D49E8D;
    border-color: #D49E8D;
}

.btn-danger {
    color: #ffffff;
    background-color: #683B2B;
    border-color: #683B2B;
}

.btn-danger:hover {
    color: #ffffff;
    background-color: #683B2B;
    border-color: #683B2B;
}

.btn-outline-danger{
    color: #683B2B;
    border-color: #683B2B;
}

.btn-outline-danger:hover{
    color:#ffffff;
    background-color: #683B2B;
    border-color: #683B2B;
}

.btn-info {
    color: #ffffff;
    background-color:  #288ba8;
    border-color:  #288ba8;
}

.btn-info:hover {
    color: #ffffff;
    background-color:  #288ba8;
    border-color: #288ba8;
}

.btn-outline-info {
    color: #288ba8;
    border-color: #288ba8;
}

.btn-outline-info:hover {
    color: #ffffff;
    background-color: #288ba8;
    border-color: #288ba8;
}

.btn-warning {
    color: #ffffff;
    background-color: #b8a180;
    border-color: #b8a180;
}

.btn-warning:hover {
    color: #ffffff;
    background-color: #b8a180;
    border-color: #b8a180;
}

.btn-outline-warning{
    color: #b8a180;
    border-color: #b8a180;
}

.btn-outline-warning:hover{
    color:#ffffff;
    background-color: #b8a180;
    border-color: #b8a180;
}
/*universities*/
.btn-light {
    color: #ffffff;
    background-color: #150957;
    border-color: #150957;
}

.btn-light:hover {
    color: #ffffff;
    background-color: #150957;
    border-color: #150957;
}

.btn-outline-light{
    color: #150957;
    border-color: #150957;
}

.btn-outline-light:hover{
    color:#ffffff;
    background-color: #150957;
    border-color: #150957;
}


.dark-background {
    background-color: black;
}

.carousel-dark-image {
    transition: opacity 0.3s ease;
}

.carousel-dark-image:hover {
    opacity: 0.7;
    transition-duration: 0.25s;
}

.carousel-text {
    text-shadow: 2px 2px 4px #000000;
}

.footer-div {
    margin: 2rem;
    text-align: center;
    font-size: 1.5rem;
    background-color: #FAF6F2;
}

.grey-text {
    color: grey;
}

.row {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

#carouselIndicators {
    border: 0.4rem solid white;
    border-radius: 0.4rem;
}

.card {
    border: 0.4rem solid white;
    border-radius: 0.4rem;
}

.btn-link {
    border-color: #007bff;
}

.image-card {
    border: 0.2rem solid lightgrey;
}

.image-card > img {
    transition: opacity 0.3s ease;
}

.image-card:hover > img {
    opacity: 0.9;
    transition-duration: 0.25s;
}

#Things-to-do {
    text-align: center;
    color:#FAF6F2;
    background-color: #683B2B;
}

#placesToVisit {
    text-align: center;
    color: white;
    background-color: #B08401;
}

#hotels {
    text-align: center;
    color: white;
    background-color: #D49E8D;
}

#articles {
    text-align: center;
    color: white;
    background-color: #683B2B;
}

#restaurants{
    text-align: center;
    color: white;
    background-color: #6c757d;
}

#restrictions {
    text-align: center;
    color: #212529;
    background-color: #ffc107;
}

#history{
    text-align: center;
    color: white;
    background-color: #288ba8;
}

#covid {
    text-align: center;
    color: #FAF6F2;
    background-color: #335C67;
}

#prevention {
    text-align: center;
    color:#FAF6F2;
    background-color: #A86561;
}

#refresh{
    text-align: center;
    color:#FAF6F2 ;
    background-color: #C18c5d;
}

#university{
    text-align:center;
    color:#FAF6F2;
    background-color: #150957;
}

#table-style thead{
    background-color: #FFF3B0;
    border: 2px solid #683B2B;
}

#table-style th, td{
    border: 2px solid #683B2B;
}

#table-style{
    border: 2px solid #683B2B;
    border-collapse: collapse;
}

#about {
    text-align: center;
    color: white;
    background-color: #28a745;
}

.price-span {
    color: #008f00;
}

.hotel-text {
    font-size: 110%;
}


h5{
    font-weight: bold;
}