.author{margin:0 auto;max-width:500px;text-align:center;padding:calc(var(--space)/2) 0}.author__image{border-radius:100%;width:90px;height:90px;margin-bottom:1em}.author__intro{opacity:.8}.author__site-title{font-size:1.5em}.author__links{margin-top:-.5em;font-size:1em}.author__links a{color:var(--link-color);margin:0 .5em}.friends-container{margin:0 auto;max-width:1080px}.friends-container .friends-content{display:flex;flex-wrap:wrap;margin:-8px;align-items:flex-start;line-height:1.3}.friends-container .friends-content a{border-radius:10px}.friends-container .friends-content .friends-card{display:flex;padding:8px;margin:68px auto 0;color:#444;background:#fff;justify-content:flex-start;align-content:flex-start;flex-direction:column;max-width:16rem;width:calc(25% - 16px);text-decoration:none}.friends-container .friends-content .friends-left{display:flex;align-self:center}.friends-container .friends-content .friends-left .avatar{width:64px;height:64px;margin:10px;border-radius:100%;border:2px solid #fff;background:#fff}.friends-container .friends-content .friends-right{margin:4px 8px;display:flex;flex-direction:column;text-align:center}.friends-container .friends-content .friends-right p{text-align:center;margin:0}.friends-container .friends-content .friends-right p.friends-name{padding-top:6px;padding-bottom:4px;font-weight:700}.friends-container .friends-content .friends-right p.tags{display:inline;background:none;word-wrap:break-word;padding-right:4px}.friends-container .friends-content .friends-right .friends-tags-wrapper{margin-left:-2px;word-break:break-all}.post-author{margin-top:100px}@media screen and (max-width:1280px){.friends-container .friends-content .friends-card{width:calc(33.33333% - 16px);margin-top:16px}}@media screen and (max-width:1080px){.friends-container .friends-content .friends-card{width:calc(50% - 16px)}}@media screen and (max-width:768px){.friends-container .friends-content .friends-card{width:calc(100% - 16px)}}.note{margin:calc(var(--space)/2) 0;margin-top:5em;font-size:.9em;opacity:.9}#back-to-top{position:fixed;bottom:40px;right:40px;z-index:100;cursor:pointer}#back-to-top-icon{font-size:1.1em}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease-in-out}.fade-enter,.fade-leave-to{opacity:0}