.box{
    margin: 0.16rem;
}
.textbox{
    overflow: hidden;
}
#cookie{
    display: inline-flex;
    padding: 0 0.7rem;
    margin-bottom: -5px;
}
img{
    border-radius: 15px;
}
#otherbox {
    float:left;
    width:97%;
    text-align: center;
    height:17rem;
}
#other{
    display: flex;
    font-size: 1.05rem;
    text-align: start;
    padding: 25px;
    padding-bottom: 0px;
}
#other a{
    text-decoration: underline;
}
#other a:hover{
    color: var(--lighter);
    transition: 0.6s ease;
    -webkit-transition: 0.6s ease
}
#other{
    height:12rem;
    overflow-y: auto;
    margin: -10px auto;
    scrollbar-width: thin;
}
.scrollbox{
    width:11rem;
    height:12rem;
    overflow-y: auto;
    scrollbar-width: thin;
    text-align: center;
    margin: 0 auto;
}
.scrollbox p{
    line-height: 0.5rem;
}
.scrollbox h2, .scrollbox p{
    text-align: left;
}
#buttonbox{
    float:right;
}
#ending{
    display:inline-flex;
    margin-top: -2rem;
    align-items: center;
}
svg{
    fill:var(--text);
    margin-top: -75px;
}
@media (max-width:940px){
    #otherbox{
        float:none;
        height:min-content;
        width:96%;
        margin-top: 0.25rem;
    }
    #buttonbox{
        float:left;
        text-align: center;
        width:98%;
        padding:2px 2px 0px;
    }
    #cookie{
        margin-bottom: -10px;
    }
    #ending{
        margin-top: 0rem;
    }
}
@media (max-width: 795px){
#otherbox{
    width: 95%;
}
#other{
    font-size: 1.15rem;
}
#buttonbox{
    width:96%;
    margin-right: 0.75rem;
}
#other{
    display: block;
}
#cookie{
    margin-bottom: -15px;
}
.scrollbox{
    overflow-y:visible;
    height:max-content
}
}