#modalAnnouncement .modal-content {
    background-color: transparent;
        background-image: url(../images/wooden-board-md.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        padding: 5em;
        border: none;
}

#modalAnnouncement .btn-close {
    filter: invert(100%);
    transform: translateY(2.5em) translateX(2.5em);
}

#modalAnnouncement .modal-header,
#modalAnnouncement .modal-footer {
    border : none;
}


#modalAnnouncement .modal-body {
    color : white;
    text-shadow: 1px 1px 1px black, -1px -1px 1px var(--bs-secondary);
}

#modalAnnouncement .modal-body h1,
#modalAnnouncement .modal-body h2 {
    font-size: 2.5em;
    font-weight: bold;
}
#modalAnnouncement .modal-body p {
    font-weight: bold;
    font-size: 1.4em

}

@media (min-width: 768px) {


    #modalAnnouncement .modal-dialog {
        width: 700px;
        height: 600px;
        max-width: 700px;
        max-height: 700px;
    }


    #modalAnnouncement .btn-close {

        transform: translateY(-1.5em);
    }
}