/* General Body and Main Styling */
body {
    background-color: rgba(55, 146, 55, 0.1) !important;
    font-family: sans-serif, monospace;
    /* Remove the oblique font style */
    /* font-style: oblique; */
}

main {
    background-color: rgba(55, 146, 55, 0.01) !important;
}

/* Card Styling */
.card, .card-body {
    background-color: rgba(55, 146, 55, 0.1) !important;
}

/* Tag Styling */
.tags {
    background-color: rgba(55, 146, 55, 0.8);
    color: #BAD1C2;
    border-radius: 5px;
    padding: 5px;
}

/* Carousel Text Styling */
.carusel_text {
    background-color: rgba(196, 215, 224, 0.3);
    color: #2E0249;
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s;
}

.carusel_text:hover {
    background-color: rgba(196, 215, 224, 0.9);
    color: #FFFFFF;
}

/* Image Resizing */
.image-resize img {
    width: 60%;
    height: 100%;
}

/* Link Styling */
.detail_link {
    color: black;
    text-decoration: none;
}

.detail_link:hover {
    color: darkblue;
}

.blog_title {
    color: #1C82AD !important;
    text-decoration: none;
}

.blog_title:hover {
    color: #13005A !important;
}

.nav_hover:hover {
    color: blue !important;
}

/* Add normal font style for specific elements */
p, h1, h2, h3, h4, h5, h6, a, span, div {
    font-style: normal;
}

@media (max-width: 767px) {
    .carousel-inner img {
        height: auto; /* Let the image height adjust automatically */
    }
}