.mainDocument {
            animation: fadeIn 1s forwards;
            opacity: 0;
            max-width: 1300px;
            padding: 20px;
            color: white;
            position: relative;
            top: 0;
            display: flex; 
        }
        .documentNavbar {
            animation: fadeIn 1s forwards;
            opacity: 0;
            background-color: rgb(5, 5, 5);
            overflow: hidden;
            width: 100%; 
            height: 40px;
            position: fixed; 
            top: 70px;
            z-index: -1; 
            padding: 5px 0;
            display: flex; 
            align-items: center; 
            justify-content: space-between; 
        }
        .documentNavbarContainer {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            margin-left: 300px; 
        }
        .documentNavbarTitle {
            font-size: 24px; 
            color: white;
            margin: 0; 
        }
        .documentNavbarDescription {
            font-size: 16px; 
            color: rgb(185, 184, 184);
            margin: 0; 
        }
        .last-edited {
            color: rgb(185, 184, 184);
            margin-left: auto;
            padding-right: 20px;
        }
        .fade-out-hr {
            border: none;
            height: 2px;
            background: linear-gradient(to right, white, rgba(255, 255, 255, 0));
            margin: 10px 0;
        }
        .documentsSideBar {
            width: 250px;
            background-color: #000000;
            color: white;
            padding: 15px;
            height: 100vh;
            top: 70px;
            position: fixed;
        }
        .documentsSideBar a {
            color: white;
            text-decoration: none;
            display: flex; 
            align-items: center; 
            padding: 10px;
            margin: 5px 0;
            border-radius: 4px;
            transition: background 0.3s;
            width: 100%; 
        }
        .documentsSideBar a:hover {
            background-color: #555; 
        }
        .documentsSideBar-button {
            background-color: #345bdb00; 
            color: white; 
            border: none; 
            border-radius: 4px; 
            padding: 10px; 
            cursor: pointer; 
            display: flex; 
            align-items: center; 
            justify-content: center; 
            width: 100%; 
            font-size: 20px;
            transition: background 0.3s; 
        }
        .documentsSideBar-button img {
            height: 40px; 
            width: 40px; 
            margin-right: 10px; 
        }
        .documentsSideBar-button:hover {
            background-color: #555555;
            transform: scale(1.10); 
        }