/* Sidebar styles */
.sidenav {
    width: 130px; /* Set the width of the sidebar */
    height: 100%; /* Make the sidebar full height */
    position: fixed; /* Fix the sidebar in place */
    top: 0px; /* Align the sidebar to the top */
    left: 0px; /* Align the sidebar to the left */
    background: #000000; /* Set the background color to black */
    font-style: italic; /* Makes all sidebar text italic */
    z-index: 2;
}

.sidenav a {
    padding: 6px 8px 6px 16px; /* Add padding around the link text */
    text-decoration: none; /* Remove underline from links */
    font-size: 25px; /* Set font size for the links */
    color: #fffafa; /* Set text color to a light color */
    display: block; /* Make links display as block elements */
}

.sidenav a:hover {
    color: #7b03fc; /* Change text color on hover */
}



/* Header styles */
.header {
    background-color: #000000; /* Set the header background color to black */
    color: #fffafa; /* Set the text color in the header to light */
    padding: 20px; /* Add padding inside the header for spacing */
    position: absolute; /* Fix the header in place at the top */
    top: 0; /* Align the header to the top of the page */
    left: 130px; /* Position the header to the right of the sidebar */
    width: 100%; /* Prevents it from overlapping the sidebar */ 
    z-index: 1; /* Ensure the header appears above other elements */
    font-style: italic; /* Makes all sidebar text italic */
    
    
}


/* Main content styles */
.main {
    margin-left: 130px; /* Align with sidebar */
    padding-top: 110px; /* Add top padding to avoid overlap with the header */
    padding-left: 10px;
    padding-right: 10px;
  
}

     /* Media query for mobile devices */
        @media (max-width: 768px) {
            .main {
                margin-left: 130px; /* Remove left margin on mobile */
                padding-top: 120px; /* Adjust top padding for mobile */
                padding-left: 40px; /* Adjust left padding for mobile */
                padding-right: 10px; /* Adjust right padding for mobile */
            }
        }

body {
    overflow-x: hidden; /* Prevents horizontal scrolling */
}

.no {
    font-weight: normal; /* Make this specific header not bold */
}

.cu {
    font-family: Verdana;
}

body {
  background-image: url("1.png");
}