body {
    font: 1em sans-serif;
    background-color: #303030;
    color: #f3f3ff;
    text-align: center;
    background-image: url('/bg.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

a {
    color: #3388bb;
    text-decoration: none;
}

.box {
    margin: auto;
    border-radius: 15px;
    padding: 15px;
    background-color: #303030;
    color: #f3f3ff;
    text-align: center;
    width: 50%;
    border: 3px solid #347ba5;
}

.linebox {
    width: 100%;
    display: flex;
}

.himg {
    width: 100%;
    border-radius: 15px;
}

.himg2 {
    width: 10%;
    border-radius: 100%;
}

.abox {
    margin: 5px;
    border-radius: 15px;
    background-color: #303030;
    color: #f3f3ff;
    text-align: center;
    width: 23%;
    border: 3px solid #a5347f;
    transition: all 500ms;
}

.abox:hover {
    transform: translateY(-10px);
}

.mbox {
    margin: 5px;
    border-radius: 15px;
    background-color: #303030;
    color: #f3f3ff;
    text-align: center;
    width: 23%;
    border: 3px solid #3485a5;
    transition: all 500ms;
    margin: auto;
}

.mbox:hover {
    transform: translateY(-10px);
}

.mbox1 {
    margin: 5px;
    border-radius: 15px;
    background-color: #303030;
    color: #f3f3ff;
    text-align: center;
    width: 25%;
    border: 3px solid #3485a5;
    margin: auto;
}

.hrline {
    width: 100%;
    background-color: #6b6b6b;
    height: 3px;
    border-radius: 15px;
}

.aika {
    width: 25%;
    background: linear-gradient(to right,#ffb2f0,#82b9fd,#e7fd83);
    padding: 15px;
    text-align: center;
    border-radius: 20px;
    margin: auto;
    color: #f3f3ff;
}

.vgen {
    width: 25%;
    background-color:#b8ff26;
    padding: 15px;
    text-align: center;
    border-radius: 20px;
    margin: auto;
    color: #242424;
}

.linktree {
    width: 25%;
    background-color:#42e55f;
    padding: 15px;
    text-align: center;
    border-radius: 20px;
    margin: auto;
    color: #242424;
}

.bilibili {
    width: 25%;
    background-color:#ff6195;
    padding: 15px;
    text-align: center;
    border-radius: 20px;
    margin: auto;
    color: #f3f3ff;
}

.afdian {
    width: 25%;
    background-color:#a37def;
    padding: 15px;
    text-align: center;
    border-radius: 20px;
    margin: auto;
    color: #f3f3ff;
}

.feature_fm {
    width: 25%;
    background-color:#343434;
    padding: 15px;
    text-align: center;
    border-radius: 20px;
    margin: auto;
    color: #f3f3ff;
}

.synthion {
    width: 25%;
    background-color:#80abff;
    padding: 15px;
    text-align: center;
    border-radius: 20px;
    margin: auto;
    color: #242424;
}