.content {
    max-width: 1366px;
    margin:auto;
}

.announcement {
    text-align: center;
    margin: 16px 0px 32px 0px;
}

.announcement-title {
    font-size: 1.8rem;
    margin-bottom: 32px;
}

.announcement-items {
    position: relative;
    display: inline-block;
    border: solid 4px #9BC01B;
    border-radius: 12px;
    background-color: #FBFBF2;
    width: 100%;
}

.announcement-icons {
    display: flex;
    position: absolute;
    top: -96px;
    left: 8px;
    height: 96px;
}

#squirrel {
    margin-top: auto;
    height: 60%;
    width: auto;
}

#rabbit {
    height: 100%;
    width: auto;
}

.announcement-item a {
    text-align: left;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    display: flex;
    padding: 24px 0px;
    margin: 0px 48px;
    border-bottom: 1px dashed #9BC01B;
}

.announcement-item:last-child a {
    border-bottom: none;
}

@media screen and (max-width: 768px) {
    .announcement-title {
        margin-bottom: 8px;
        font-size: 1.5rem;
    }

    .announcement-items {
        border-radius: 0px;
        border-width: 2px;
    }

    .announcement-item {
        padding: 8px;
        margin: 0px 8px
    }

    .announcement {
        margin-bottom: 16px
    }

    .announcement-item a {
        display: flex;
        margin: 0 8px;
        flex-direction: column;
        padding: 8px 0px;
    }

    .announcement-items {
        border: solid 3px #9BC01B;
    }

    .announcement-icons {
        display: flex;
        position: absolute;
        top: -48px;
        left: 8px;
        height: 48px;
    }
}