body,h1,h2,h3,h4,li,ol,p,ul{margin:0}ol,ol[class],ul,ul[class]{padding:0}a,button{transition:.1s ease-in-out}body,h1{color:#fff}#site,.user-info,a{display:flex}#site,body{min-height:100vh}#page,.user a{position:relative}.user-bio,.user-name{overflow:hidden;text-overflow:ellipsis}.btn,button{cursor:pointer}#bottom,#top,.user a{text-align:center}*,::after,::before{box-sizing:border-box}body{scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1;background-color:#505050;font-family:Poppins,sans-serif}ol,ul{list-style:none}.top-text,h1{margin:5px 10px}img{max-width:100%;display:block}button,input,select,textarea{font-family:Poppins,sans-serif;outline:0}button{outline:0}a{text-decoration:none}h1{font-size:15px;line-height:22px}#site{flex-direction:column}#page{width:100%;flex:1 1}::placeholder{color:#eaeaea;opacity:1;font-size:12px;font-weight:300}.user-bio,.user-info{font-size:11px;font-weight:400}#top{height:60px;line-height:60px;background:#fff}#home a{display:inline-block;color:#fb0bff;letter-spacing:-2px;font-size:18px;font-weight:700;font-family:Verdana,Geneva,Tahoma,sans-serif}.top-text{line-height:20px}.content{margin:10px;line-height:25px}.users{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:5px;padding:5px}.user{background-color:#2b2828}.user a{padding-bottom:56.25%;color:#6d6d6d}.screenshot{position:absolute;width:100%;height:100%;object-fit:cover}.user-info{width:100%;height:20px;background-color:#db82dd;align-items:center;color:#fff;padding:2px 4px 0}.user-age,.user-name{height:100%;display:flex;align-items:center}.user-name{width:80%;white-space:nowrap}.user-age{width:20%;justify-content:flex-end}.user-bio{height:21px;background-color:#fff;padding:4px;color:#000;line-height:14px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}#base{display:none}.btn{padding:15px 30px;background:#fff;font-size:15px;color:#545454;font-weight:700;display:flex;align-items:center;justify-content:center;width:220px;margin:40px auto;border-radius:5px}.btn:hover{background-color:#f0f0f0}#bottom{padding:10px;color:#eaeaea;font-size:12px;margin-top:10px;line-height:16px}@media screen and (min-width:468px){.users{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:768px){.users{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:1024px){.users{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (min-width:1280px){.users{grid-template-columns:repeat(5,minmax(0,1fr));padding:0 10px}}@media screen and (min-width:1780px){.users{grid-template-columns:repeat(6,minmax(0,1fr));padding:0 10px}}@media screen and (min-width:2200px){.users{grid-template-columns:repeat(8,minmax(0,1fr));padding:0 10px}}@media screen and (min-width:3000px){.users{grid-template-columns:repeat(10,minmax(0,1fr));padding:0 10px}}