#filter,#home,#selem,.container,.info{color:#fff}#home,#icon,#selem,.overview{position:relative}#box,.container,.head{display:flex}#sbtn,.info,.overview{text-align:center}#home,#selem{top:8px}body{background:#18122b}.head{background:linear-gradient(#393053 70%,#18122b);width:90%;margin:auto auto 20px;padding:40px;justify-content:center}.info,.post{padding:15px}#home{left:-80px;cursor:pointer}.container{font-size:30px;font-weight:700;flex-direction:row;flex-wrap:wrap;justify-content:center}#sbtn,#search,.info,.overview{font-size:20px}#icon{top:5px;height:25px;width:25px}#search{display:none;height:30px;width:600px;padding:5px 5px 5px 20px;border-radius:1em 0 0 1em}#p_img,.info,.post{width:300px}#sbtn{height:44px;padding:10px}#sbtn:hover{background:#4e4d4c}#box{wrap-direction:column;flex-wrap:wrap}.post{height:550px;margin:20px}#p_img{height:500px}.info{margin:0;background:#635985;border-radius:0 0 1em 1em}.overview{font-family:arial;font-weight:400;background:#443c68;padding:10px;display:none;width:280px;height:200px;overflow:auto;bottom:300px}.post:hover .overview{display:inline-block}#selem{left:0;font-size:1.5em}#filter{background:0 0;border:0;margin-right:20px}