:root{font-size:10px}*,:after,:before{box-sizing:border-box}body{font-family:Open Sans,Arial,sans-serif;min-height:100vh;background-color:#000;color:#fff;padding-bottom:3rem}img{display:block}.container{max-width:93.5rem;margin:0 auto;padding:0 2rem}.btn{display:inline-block;font:inherit;background:none;border:.1rem solid #fff;color:#fff;padding:0;cursor:pointer}.btn:focus{outline:.5rem auto #4d90fe}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.profile{padding:2rem 0;display:flex;align-items:center;gap:2rem}.profile:after{content:"";display:block;clear:both}.profile-logo{flex-shrink:0;width:150px;height:150px}.profile-logo img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.profile-info{display:flex;flex-direction:column;justify-content:center;gap:.5rem}.profile-user-name{display:inline-block;font-size:3.2rem;font-weight:300;color:#fff;margin:0;white-space:nowrap}.profile-social-icons{display:flex;gap:1rem}.profile-social-icons a{color:#fff;text-decoration:none}.profile-stats li{display:inline-block;margin-right:4rem;cursor:pointer}.profile-bio,.profile-stats li{font-size:1.6rem;line-height:1.5;color:#fff}.profile-bio{font-weight:400;margin-top:.3rem}.profile-edit-btn,.profile-real-name,.profile-stat-count{font-weight:600}.gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px}.gallery-item{position:relative;color:#fff;cursor:pointer;margin:0;aspect-ratio:1/1}.gallery-item:focus .gallery-item-info,.gallery-item:hover .gallery-item-info{display:flex;justify-content:center;align-items:center;position:absolute;top:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.3)}.gallery-item-info{display:none}.gallery-item-info li{display:inline-block;font-size:1.7rem;font-weight:600}.gallery-item-likes{margin-right:2.2rem}.gallery-item-type{position:absolute;top:1rem;right:1rem;font-size:2.5rem;text-shadow:.2rem .2rem .2rem rgba(0,0,0,.1)}.fa-clone,.fa-comment{transform:rotateY(180deg)}.gallery-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;margin:0;padding:0;border:none}.loader{width:5rem;height:5rem;border:.6rem solid #fff;border-bottom-color:transparent;border-radius:50%;margin:0 auto;animation:loader .5s linear infinite}@keyframes loader{to{transform:rotate(1turn)}}@media screen and (max-width:600px){.profile-logo{width:120px;height:120px}.profile-user-name{font-size:2.4rem}.profile-social-icons svg{width:32px;height:32px}}@media screen and (max-width:400px){.profile{flex-direction:column;align-items:center;text-align:center}.profile-logo{width:100px;height:100px}.profile-user-name{font-size:2rem}.profile-info{align-items:center}.profile-social-icons svg{width:28px;height:28px}}@media screen and (max-width:40rem){.container{max-width:100%;padding:0}.gallery{grid-template-columns:repeat(3,1fr);grid-gap:2px}.profile{grid-template-columns:auto 1fr;grid-row-gap:1.5rem}.profile-image{grid-row:1/2}.profile-user-settings{display:grid;grid-template-columns:auto 1fr;grid-gap:1rem}.profile-bio,.profile-edit-btn,.profile-stats{grid-column:1/-1}.profile-bio,.profile-edit-btn,.profile-settings-btn,.profile-stats,.profile-user-settings{margin:0}}