.container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: rgb(42, 49, 49);
    background-color: #e5eaeb;
}

.carousel-inner .item img {
    height: 520px;
    width: 90vw;
    border-radius: 25px;
}

.carousel-indicators li {
    border-color: black;
}

.carousel-indicators .active {
    background-color: black !important;
}

.carousel-control:hover,
.carousel-control {
    background: transparent !important;
    height: 520px;
}

.carousel-control span {
    color: black;
}

@media only screen and (max-width: 767px) {
    .carousel-inner .item img {
        height: 300px;
    }
    .carousel-control:hover,
    .carousel-control {
        height: 300px;
    }
}

html {
    font-size: 5mm;
    background: #1620b485;
    font-weight: bold;
    font-style: italic;
    image-resolution: inherit;
    padding: 40px;
    text-decoration: rgb(231, 91, 91);
    background-size: 400% 400%;
    animation: step-end;
    height: 100vh;
    text-align: center;
    border-radius: 20%;
}

.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    max-width: 300px;
    margin: auto;
    text-align: center;
}

.title {
    color: grey;
    font-size: 18px;
}

button {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 8px;
    text-align: center;
    cursor: pointer;
    width: 100%;
    font-size: 18px;
}

a {
    text-decoration: none;
    font-size: 22px;
    color: black;
}

button:hover,
a:hover {
    opacity: 0.7;
}

body {
    background: rgb(238, 174, 202);
    background: radial-gradient(circle, rgba(238, 174, 202, 1) 0%, rgba(180, 220, 226, 1) 82%);
    ;
    border-radius: 20px;
}

.card {
    background: rgba(129, 247, 255, 0.26);
}

.review {
    background-color: rgb(80, 226, 231);
}

.intro {
    background-color: rgb(159, 154, 231);
    text-emphasis-color: red;
    margin: 5px;
    box-shadow: 2px 5px 2px 0px rgb(236, 30, 41);
    text-align-last: center;
}

.t {
    text-decoration-color: azure;
    color: aliceblue;
}

.b {
    text-shadow: rgb(138, 91, 226);
    text-decoration-style: dotted;
}

.s {
    color: rgb(235, 240, 228);
    background: rgb(19, 18, 19);
}