@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{background-color:#0d192b;height:100vh;font-family:Outfit,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center}.main{width:35rem;height:auto;background-color:#14253d;border-radius:15px;box-shadow:0 25px 25px #03091780;padding:2.4rem;display:flex;flex-direction:column;justify-content:center}.images{position:relative;width:100%;border-radius:10px;overflow:hidden}.mainimg{width:100%;border-radius:10px;overflow:hidden;height:100%}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00fff780;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.view{width:5rem;height:5rem}.images:hover .overlay{opacity:1;cursor:pointer}.images:active{opacity:.5}h1{color:#fff;font-size:2.2rem;font-weight:600;margin-top:2.4rem;transition:.5s}h1:hover{color:#00fff7;cursor:pointer}h1:active{opacity:.5}.info{display:flex;justify-content:space-between;align-items:center}.pone{color:#8bacda;font-size:1.5rem;letter-spacing:.188px;margin-top:2.4rem;margin-bottom:2.4rem}#iconone{vertical-align:middle}.iconp{display:inline-block;margin-right:10rem;margin-left:.5rem;color:#00fff7;vertical-align:middle;font-size:1.6rem}#icontwo{vertical-align:middle}.iconptwo{display:inline-block;color:#8bacda;vertical-align:middle;font-size:1.6rem}#avatar{width:3.3rem;border:1px solid white;border-radius:20px;margin:1.5rem 1rem}.profile{display:inline-block;vertical-align:middle;color:#8bacda;font-size:1.5rem}.author{color:#fff;transition:.3s}.author:hover{color:#00fff7;cursor:pointer}.author:active{opacity:.7}.wrapper{border-top:1px solid hsl(215,32%,27%);margin-top:2.4rem;padding-top:.5rem;display:flex;align-items:center;gap:1rem}