html {
    padding-left: 5vmin;
    padding-right: 5vmin;
    padding-top: 5vmin;
}
body {
    background-size: contain;
    margin: 0;
    width: 96vmin;
    margin: auto;
    padding: 0;
}
h1 {
    text-align: center;
    overflow: hidden;
}
p {
    display: block;
    color: black;
    text-align: center;
    margin-bottom: 0;
    width: 12vmin;
    margin-left: 1vmin;
    margin-right: 1vmin;
    word-wrap: break-word;
    overflow: hidden;
}


ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

li {
    width: 14vmin;
    height: 17vmin;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 2vmin;
    list-style-type: none;
    float: left;
    margin: 1vmin;
    padding: 0;
}

.ibg {
    width: 10vmin;
    height: 10vmin;
    background-size: contain;
    margin: 2vmin;
    padding: 0;
    /* background-image:url(https://lengyefenghan.top/static/img/logo.svg) ; */
}

.acard {
    margin: 0;
    padding: 0;
}

#searchbox {
    width: 60%;
    margin: 0 auto;
}
#searchbox from{
    background-color: white;
    /* float: left; */
}
#search-input {
    width: 100%;
    height: 4vmin;
    font-size: 2vmin;
    margin: 0 auto;
    text-align: center;
    /* float: left; */
    outline:none;
    border-radius: 2vmin;
}

/* #search-button {
    width: 20%;
    float: right;
    display: none;
} */