*{margin:0;padding:0}.el-header{height:60px;background-color:rgba(0,195,255,.75);display:flex;align-content:center;justify-content:space-evenly;align-items:center;gap:20px;position:sticky;top:0;z-index:3}.el-main{z-index:2}.input_button{margin-bottom:20px}.search_box{text-align:left;width:35%;height:43px;border-radius:30px;overflow:hidden}.search_box_inner{outline:0;border:none;width:100%;height:100%;font-size:15px;text-align:center}.search_box_inner::-webkit-input-placeholder{color:#dbdbdc}.about{font-size:13px;text-align:left;display:flex;flex-direction:column}.about a{text-decoration:none;color:#fff}.about a:hover,.el-button--text:hover,.el-icon-download:hover{color:#f27474;cursor:pointer}.main{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:20px}.itemFra{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f0f8ff;border-radius:5px}.itemFra:hover{border:3px solid red;margin:-3px}.itemFra img{width:100px;height:100px;margin-top:5px}.item_name{margin-top:5px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.btn-fun{display:flex}.el-icon-download{font-size:16px;color:#fff;font-weight:700;text-align:center}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#ee3f4e}@media screen and (max-width:1300px){.main{grid-template-columns:repeat(6,1fr)}}@media screen and (max-width:1137px){.about{display:none}}@media screen and (max-width:1000px){.main{grid-template-columns:repeat(5,1fr)}}@media screen and (max-width:700px){.main{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:400px) and (orientation:portrait){.el-main{z-index:2}.character-select,.logo{display:none}.search_box{width:75%}.about{display:flex;flex-direction:row;position:fixed;bottom:5px;font-size:20px;z-index:0}.about a{color:rgba(0,195,255,.75);margin-right:20px}.el-message-box{width:300px!important}}