@font-face {
    font-family: marusc;
    src: url('../fonts/975MaruSC-Regular.ttf');
}

body{
    text-align: center;
}

#content4{
    height: 1078px;
    width: 100%;
    background: linear-gradient(to right,#338245 0%,#338245 50%,#89F8A6 50%,#89F8A6 100%);
    text-align: center;
}
#buttons_aboutus{
    position: absolute;
    top:184px;
    left: 114px;
    display: flex;
    height: 32px;
    width: 1008px;
}

#container_4{
    margin: auto;
    position: relative;
    background-image: url("../img/bg_aboutus.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 1200px;
    height: 1078px;
    z-index: 2;
}
#title{
    position:absolute;
    top: 20px;
    left: 402px;
}

#aboutus_panel{
    position: absolute;
    left: 210px;
    top: 286px;
    border-radius: 50px;
    background-color: rgba(179, 255, 198, 0.57);
    width: 810px;
    height: 694px;
}

#icon_umi{
    position: absolute;
    left: 30px;
    top: 16px;
}

#wish_umi{
    position: absolute;
    top: 92px;
}
.wish{
    font-family: marusc;
    color: #5E2020;
    font-size: 24px;
    left: 310px;
    text-align: left;
}
#icon_unknown{
    position: absolute;
    left: 30px;
    top: 270px;
}
#wish_unknown{
    position: absolute;
    top: 354px;
}
#icon_weibo{
    position: absolute;
    top:550px;
    left: 74px;
}
#icon_xhs{
    position: absolute;
    top:550px;
    left: 188px;
}
#donate_aboutus{
    position: absolute;
    top:564px;
    right: 50px;
    width: 146px;
    height: 60px;
    background-image: url('../img/button_donate.png')
}
#donate_aboutus:hover{
    background-image: url('../img/button_donate_focus.png');
}