/* For Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 7px; /* width of the entire scrollbar */
}

*::-webkit-scrollbar-thumb {
    background-color: rgb(95, 95, 97); /* color of the scroll thumb */
    border-radius: 20px; /* roundness of the scroll thumb */
    border: 1px solid rgb(255, 255, 255); /* creates padding around scroll thumb */
}

/* For Firefox */
body {
    scrollbar-width: thin; /* "auto" or "thin" */
    scrollbar-color: rgb(95, 95, 97) rgb(255, 255, 255); /* scroll thumb and track */
}

.body {
    padding: clamp(0.9375rem, -1.1719rem + 11.25vw, 9.375rem);
    padding-top: 10%;
    position: relative;
}

.head {
    color: #37A5CC;
    font-size: clamp(0.75rem, -2.2188rem + 9.5vw, 3.125rem);
}

/* .picture {
    margin-top: 10px;
    background-size:contain;
    background-repeat: no-repeat;
    height: 500px;
    width: 100%;
    border: 1px solid black;
} */

img {
    width: 100%;
    height: auto;
    display: block;
}

.context {
    margin-top: 10px;
    text-align: justify;
    margin-bottom: 10px;
    /* font-size: clamp(1rem, 0.6875rem + 1vw, 1.625rem); */
    font-size: clamp(0.75rem, 0.5313rem + 1.1667vw, 1.625rem);
}

.card {
    margin-top: 100px;
    background-color: #efeef1;
    padding: 10px;
    border-radius: 10px;
}