.main {
            display: flex;
            max-width: 1080px;
            margin: 20px auto;
            position: relative;
        }
        .sidebar {
            width: 250px;
            padding: 20px;
            box-shadow: 1px 0px 0.1px rgba(0, 0, 0, 0.1);
        }
        .sidebar img {
            border-radius: 50%;
        }
        .sidebar a {
            display: block;
            color: #000;
            text-decoration: none;
            margin: 0px;
            margin-bottom: 2px;
            font-size: 18px;
            padding: 15px;
            border-radius: 5px;
        }
        .sidebar a:hover {
            
            background-color: #d8d8d8;
        }
        .sidebarSelected{
            display: block;
            color: white;
            text-decoration: none;
            margin: 0px;
            margin-bottom: 2px;
            font-size: 18px;
            padding: 15px;
            border-radius: 5px;
            background-color: #474747;
        }
        .content {
            flex: 1;
            padding: 20px 40px;
            position: relative;
        }
        .content h2 {
            color: #008c44;
        }
        .content a {
            color: #008c44;
            text-decoration: none;
        }
        .content a:hover {
            text-decoration: underline;
        }
        .ccenter {
            color: #1c1e21;
        }
        .close-button {
            position: absolute;
            height: auto;
            top: 20px;
            right: 20px;
            font-size: 30px;
            color: #000;
            text-decoration: none;
            padding: 10px;
            border-radius: 50px;
        }
        .close-button:hover {
            background-color: #d8d8d8;
            text-decoration: none;
            color:#008c44;
        }