#announcement {
    position: fixed;
    top: 150px;
    left: 35px;
    z-index: 1000;
    width: 500px;
    background: linear-gradient(100deg, #65CC71 0%, #3BAB48 100%);
    box-shadow: -30px 30px 120px rgb(0 0 0 / 10%);
    color: white;
}
#announcement_wrapper {
    padding-left: 40px;
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
}
#announcement_wrapper h3 {
    margin-top: 0px;
    hyphens: auto;
    word-wrap: break-word;
    color: white;
}
.announcement_close {
    float: right;
    width: 20px;
    height: 20px;
    background-image: url(/assets/close.svg);
    background-size: contain;
    fill: white;
}

@media(max-width: 900px)
{
    #announcement {
        left: 0px;
        width: 100%;
        top: 100px;
    }
}
@media(max-width: 600px)
{
    #announcement {
        left: 0px;
        width: 100%;
        top: 100px;
    }

    #announcement p {
        text-align: left !important;
    }
}