@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*,:before,:after{box-sizing:border-box}*{border:0;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;width:100vw;min-height:100vh;font-family:Roboto,sans-serif;font-size:12px;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{text-wrap:balance}body{flex-direction:column;align-items:center;width:100vw;min-height:100vh;font-size:12px;font-weight:500;display:flex}header,footer{color:#fff;background-color:#3a3ac2;justify-content:space-between;align-items:center;width:100%;padding:1em 3em;display:flex}main{flex-direction:column;align-items:center;gap:1em;width:100%;display:flex}footer{flex-direction:column;justify-content:center;margin-top:auto}section{width:100%}div{flex-direction:column;align-items:center;width:100%;padding:3em;display:flex}span{flex-direction:row;align-items:center;gap:1em;display:flex}h1{font-size:2em}h2{font-size:1.5em}button{color:#fff;background-color:#3a3ac2;width:fit-content;padding:.2em 1.2em;font-weight:900}a{color:#000;text-decoration:none}ul{align-items:center;gap:2em;display:flex}li{color:#fff;font-weight:900;list-style-type:none}li>button{padding:0}form{flex-direction:column;align-items:center;gap:1em;width:100%;display:flex}.form{background-color:#d7d6d6;flex-direction:column;align-items:center;gap:1em;padding:5em;display:flex}label{gap:.5em;width:fit-content;font-size:1.2em;display:flex}input,textarea{border:1px solid #000;width:20%;padding:.2em .7em;font-size:1em}.file{background-color:#fff}#root{padding:0}.page{gap:0;min-height:100vh;padding:0}.user-posts{background-color:#f2f2f2;flex-direction:column;display:flex}.user-peers{background-color:#f2f2f2;grid-template-columns:1fr 1fr 1fr;display:grid}.user-details,.peer-details{background-color:#f2f2f2;flex-direction:column;align-items:center;gap:1em;padding:2em;display:flex}.post,.peer{background-color:#d7d6d6;border-radius:2em;flex-direction:column;align-items:center;gap:1em;padding:1em;display:flex;overflow:hidden}.post{width:60%}.post-details,.post-buttons{background-color:#fff;border-radius:2em;justify-content:space-evenly;align-items:center;margin-bottom:1em;padding:1em 0;display:flex}.post-buttons{width:75%}.comments{background-color:#d7d6d6;flex-direction:column;align-items:center;gap:1em;padding:1em;display:flex}.comment,.comment-details{padding:1em}.comment-details{background-color:#fff;border-radius:1.5em;grid-template-columns:.7fr 1.2fr 3fr 2fr .7fr .5fr;align-items:center;display:grid}.following,.followed{gap:1em;padding:0}.no-posts,.no-followers{padding:1em}.image{border-radius:50%;padding:0;overflow:hidden}.preview{width:20em;height:20em}.profile{width:10em;height:10em}.user{width:5em;height:5em}.user-comment{width:3em;height:3em}.red{color:#cc1010}@media screen and (width<=767px){body{font-size:8px}header{padding:1em}input,textarea{width:60%}.post-details{flex-direction:column;gap:1em}.post-buttons{grid-template-columns:1fr 1fr;justify-items:center;gap:1em;width:100%;display:grid}.post-buttons>*{width:90%}.post-buttons>*>*{width:100%}.comment-details{grid-template-columns:1fr 1fr;justify-items:center;gap:.5em}.comment-details>*{text-align:center;justify-items:center;width:100%}.comment-details>button{width:fit-content}.user-peers{grid-template-columns:1fr 1fr}.no-followers{background-color:#f2f2f2}}