#announcement-tab {
    position:fixed;
    top:120px;
    left:50%;
    transform:translateX(-50%);
    z-index:1000;
    box-shadow:0px 0px 10px rgba(0,0,0,0.5);
   
   
    }
    
    #announcement-content {
    overflow-y:auto;
    }
    
    #close-button:hover {
    background-color:red;
    }
    .announcement-division {
        width: 70%;
        max-width: 1200px;
        margin: 40px auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .announcement-container {
        width: 30%;
        background-color: #fff;
        padding: 20px;
        border: 1px solid #ddd;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        margin: 20px;
    }
    
    .announcement-header {
        background-color: #f0f0f0;
        padding: 10px;
        border-bottom: 1px solid #ddd;
    }
    
    .announcement-header h2 {
        margin-top: 0;
    }
    
    .announcement-content {
        padding: 20px;
    }
    
    .announcement-content ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .announcement-content li {
        padding: 10px;
        border-bottom: 1px solid #ddd;
    }
    
    .announcement-content li:last-child {
        border-bottom: none;
    }