* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    
    body {
        font-family: Arial, sans-serif;
        line-height: 1.6;
        background-color: #181616;
    }
    /* Header styles */
    
    header {
        box-shadow: 2px 2px 15px var(--black);
        background-color: #e94b0d;
        color: #fff;
        padding: 5px 0;
    }
    
    header h1 {
        margin: 10px;
    }
    
    nav ul {
        list-style: none;
        margin: 10px;
    }
    
    nav ul li {
        display: inline;
        margin-right: 20px;
    }
    
    nav ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 18px;
        transition: color 0.3s ease;
    }
    
    nav li a:hover {
        color: #493e3b;
    }
    /* Main content styles */
    
    .container {
        width: 90%;
        margin: 20px auto;
        padding: 20px;
        border-radius: 10px;
        background-color: #030303;
        color: #ddd;
        alignment: center;
    }
    
    .blog-post {
        margin-bottom: 20px;
        padding: 10px;
    }
    
    .blog-post h2 {
        color: goldenrod;
    }
    
    .blog-post h3 {
        color: rgb(32, 91, 218);
    }
    
    .blog-post i {
        color: rgb(32, 91, 218);
    }
    
    .blog-post p {
        margin-bottom: 10px;
        max-height: 100px;
        /* Limit the initial height of the content */
        overflow: hidden;
    }
    
    .read-more {
        text-align: center;
        margin-top: 20px;
    }
    
    .read-more a {
        display: inline-block;
        padding: 10px 20px;
        background-color: #333;
        color: #fff;
        text-decoration: none;
        border-radius: 5px;
        transition: background-color 0.3s ease-in-out;
    }
    
    .read-more a:hover {
        background-color: #555;
    }
    /* Sidebar styles */
    
    .sidebar {
        width: 90%;
        margin: 20px auto;
        padding: 20px;
        border-radius: 10px;
        background-color: black;
        text-align: left;
        color: #fff;
    }
    
    .sidebar h2 {
        margin-bottom: 10px;
    }
    
    .instagram-icon {
        color: rgb(235, 107, 21);
    }
    /* Footer styles */
    
    footer {
        text-align: left;
        padding: 1px 0;
        background-color: #e94b0d;
        color: #fff;
    }
    
    x {
        margin: 10px;
    }
    
    h2 {
        color: goldenrod;
    }
    
    img {
        width: 100%;
        height: auto;
        align-items: center;
        margin-right: 20px;
        border-radius: 8px;
        border-color: #555;
    }
    
    table {
        border-collapse: collapse;
        width: 95%;
        text-align: center;
        table-layout: auto;
        margin: auto;
    }
    
    th,
    td {
        border: 1px solid #ddd;
        padding: 10px;
    }
    
    th {
        background-color: darkmagenta;
        color: white;
    }
    
    tr:nth-child(even) {
        background-color: #181515;
    }