.container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 160px);text-align:center;padding-top:2rem;padding-bottom:2rem}.user-summary{display:flex;justify-content:center;align-items:center;margin:2rem auto 0;width:100%;max-width:600px;flex-wrap:wrap}.user-summary h1{margin:0 0 0.7rem 0;color:aliceblue}.user-summary p{color:rgb(182,182,182);font-size:1rem;margin:0 0 0 0}.user-summary img,.user-summary picture{width:110px;height:110px;border-radius:50%;margin:0 2rem 1rem 0;object-fit:cover;display:block;aspect-ratio:1 / 1;background-color:rgba(182,182,182,0.1)}.user-summary picture img{width:100%;height:100%;border-radius:50%;object-fit:cover;margin:0;opacity:0;transition:opacity 0.3s ease-in-out}.user-summary picture img[src]{opacity:1}.user-summary img:hover,.user-summary picture:hover img{transform:scale(1.2);transition:transform 500ms ease-in-out}.user-info{display:flex;flex-direction:column;justify-content:center;text-align:left}.social-links{display:flex;justify-content:center;margin-top:2rem;gap:2rem;flex-wrap:wrap;width:100%;max-width:600px}.social-icon{font-size:2rem;color:aliceblue;text-decoration:none;transition:all 0.3s ease}.social-icon:hover{transform:scale(1.2);color:#4da6ff}@media (max-width:768px){.user-summary{flex-direction:column;text-align:center;padding:0 1rem}.user-summary img,.user-summary picture{margin:0 0 1rem 0;width:88px;height:88px}.user-info{text-align:center;align-items:center}}@media (max-width:576px){.social-links{gap:1.5rem}.social-icon{font-size:1.75rem}.container{padding-left:1rem;padding-right:1rem}.user-summary img,.user-summary picture{width:66px;height:66px}}