/* Styling for the About Home Page related to blogging and question papers */
    
    body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
        line-height: 1.6;
        background-color: #141414;
        color: #e4dede;
    }
    
    header {
        box-shadow: 2px 2px 15px var(--blue);
        background-color: #e94b0d;
        color: #fff;
        padding: 2px;
    }
    
    .logo h1 {
        margin: 15px;
    }
    
    header {
        background-color: #e94b0d;
        color: #fff;
        padding: 2px;
    }
    
    .navbar {
        margin: auto;
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
    }
    
    .nav-links {
        list-style: none;
        margin: 15px;
        padding: 0;
    }
    
    .nav-links li {
        display: inline;
        margin-right: 20px;
    }
    
    .nav-links li a {
        text-decoration: none;
        color: #fff;
        font-size: 18px;
        transition: color 0.3s ease;
    }
    
    .nav-links li a:hover {
        color: #493e3b;
    }
    
    .container {
        width: 85%;
        margin: 10px auto;
        padding: 20px;
        border-radius: 10px;
        background-color: rgb(7, 6, 6);
        text-align: left;
        color: #ccc
    }
    
    .container-h2 {
        color: goldenrod;
    }
    
    .container-h3 {
        color: goldenrod;
    }
    
    section {
        padding: 10px 0;
        text-align: center;
        background-color: rgb(19, 18, 18);
    }
    
    section h2 {
        margin-bottom: 20px;
    }
    
    .alt-section {
        background-color: black;
        color: #f1e9e9;
    }
    
    .blog-list {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .blog-item {
        width: auto;
        margin: 15px;
        padding: 20px;
        border: 1px solid #0e0d0d;
        border-radius: 5px;
        background-color: #0e0d0d;
        text-align: left;
        color: #fff;
    }
    
    .blog-item h3 {
        margin-top: 0;
        color: blue;
    }
    
    .blog-item p {
        margin-bottom: 15px;
    }
    
    .blog-item a {
        text-decoration: none;
        color: #eee5e5;
        font-weight: bold;
    }
    
    .blog-item a:hover {
        text-decoration: underline;
    }
    
    .blog-item img {
        width: 100%;
        border-radius: 5px;
        margin-bottom: 5px;
        margin-top: 2px;
    }
    
    .sidebar {
        width: 80%;
        padding: 12px;
        border: 2px solid #ccc;
        border-radius: 5px;
        background-color: black;
        text-align: center;
        color: rgb(255, 254, 254);
    }
    
    .sidebar h2 {
        margin-bottom: 2px;
        display: flex;
    }
    
    .instagram-icon {
        color: rgb(235, 107, 21);
    }
    /* Footer styles */
    
    footer {
        background-color: #e94b0d;
        color: white;
        padding: 1px;
    }
    
    h2 {
        color: rgb(136, 106, 29);
    }