body {
    background-color: #f0f8ff;
    /* Light blue */
    color: #333;
    font-size: 1.1rem;
}


.navbar {
    background-color: #ffffff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow effect */
}

.navbar a {
    color: #0056b3;
}

.hero-section {
    margin-top: 2rem;
    /* background-color: rgba(207, 253, 211, 0.5);     */
    background-color: rgb(242, 246, 252); 
    /* Lighter blue */
    padding: 2rem;
    text-align: center;
    border-radius: 0.5rem;
}

.logo-section {
    text-align: center;
    width: 35px;
}

.logo-section img {
    max-width: 50px;
    border: 2px solid rgb(221, 236, 221);
    border-radius: 50%;
    box-shadow: 10px 0 10px rgba(0, 0, 0, 0.5);
    margin-right: 10px;
}

blockquote {
    color: #555;
    border-left: 5px solid #006400;
    padding-left: 1rem;
    margin: 1.5rem 0;
    text-align: justify;
}

h1,
h2,
h3 {
    color: maroon;
    margin-top: 35px;
}


.content-section {
    /* margin-top: 2rem; */
    background-color: #ffffff;
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

ul {
    list-style-type: disc;
    /* Changes bullet style to disc */
    margin-top: 35px;
    padding-left: 20px;
    /* Adds spacing for indentation */
}


ul li::after {
    content: "";
    display: block;
    border-bottom: 1px solid rgba(4, 160, 4, .2);
    /* Dark green */
    margin: 0.5rem 0;
    /* Adds spacing around the horizontal rule */
}


.footer {
    text-align: center;
    padding: 1rem;
    background-color: #d3d3d3;
    margin-top: 2rem;
}