@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=Marcellus&display=swap');

@media screen and (orientation:landscape) {
    .carousel img {
        max-height: 100vh;
    }
}

@media screen and (max-width:770px) {
    .carousel {
        margin-top: 100px;
        box-shadow: 0px -22px 28px -22px rgba(0, 0, 0, 0.45), 0px 25px 20px -20px rgba(0, 0, 0, 0.45);
    }
}


.container>h1 {
    font-family: "Marcellus", serif;
    font-style: italic;
}


h3,
h2 {
    font-family: "Marcellus", serif;
    font-style: italic;
}

.card:hover {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}

.card .btn {
    background-color: #411622;
    color: white;
}

.modal .btn {
    background-color: #a9a36d;
    color: white;
}

.card .btn:hover,
.modal .btn:hover {
    background-color: #794b58;
}

.modal .modal-content {
    background-color: #171515;
    color: white;
    margin-top: 100px;
}

.modal .modal-header,
.modal .modal-footer {
    border-top: none;
    border-bottom: none;
}