img{display:block}.container{max-width:93.5rem;margin:0 auto;padding:0 10rem}.btn{display:inline-block;font:inherit;background:none;border:none;color:inherit;padding:0}.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:5rem 0}.profile:after{content:"";display:block;clear:both}.profile-image{float:left;width:calc(33.333% - 1rem);display:flex;justify-content:center;align-items:center;margin-right:3rem}.profile-image img{border-radius:50%}.profile-bio,.profile-stats,.profile-user-settings{float:left;width:calc(66.666% - 2rem)}.profile-user-settings{margin-top:1.1rem}.profile-user-name{display:inline-block;font-size:3.2rem;font-weight:300}.profile-edit-btn{font-size:1.4rem;line-height:1.8;border:.1rem solid #dbdbdb;border-radius:.3rem;padding:0 2.4rem;margin-left:2rem}.profile-settings-btn{font-size:2rem;margin-left:1rem}.profile-stats{margin-top:2.3rem}.profile-stats li{display:inline-block;font-size:1.6rem;line-height:1.5;margin-right:4rem;cursor:pointer}.profile-stats li:last-of-type{margin-right:0}.profile-bio{font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:2.3rem}.profile-edit-btn,.profile-real-name,.profile-stat-count{font-weight:600}.gallery{display:flex;flex-wrap:wrap;margin:-1rem -1rem;padding-bottom:3rem}.gallery-item{position:relative;flex:1 0 22rem;margin:1rem;color:#fff;cursor:pointer}.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:rgba(0,0,0,.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}.loader{width:5rem;height:5rem;border:.6rem solid #999;border-bottom-color:transparent;border-radius:50%;margin:0 auto;-webkit-animation:loader .5s linear infinite;animation:loader .5s linear infinite}@media screen and (max-width:40rem){.profile{display:flex;flex-wrap:wrap;padding:4rem 0}.profile:after{display:none}.profile-bio,.profile-image,.profile-stats,.profile-user-settings{float:none;width:auto}.profile-image img{width:7.7rem}.profile-user-settings{flex-basis:calc(100% - 10.7rem);display:flex;flex-wrap:wrap;margin-top:1rem}.profile-user-name{font-size:2.2rem}.profile-edit-btn{order:1;padding:0;text-align:center;margin-top:1rem;margin-left:0}.profile-bio{font-size:1.4rem;margin-top:1.5rem}.profile-bio,.profile-edit-btn,.profile-stats{flex-basis:100%}.profile-stats{order:1;margin-top:1.5rem}.profile-stats ul{display:flex;text-align:center;padding:1.2rem 0;border-top:.1rem solid #dadada;border-bottom:.1rem solid #dadada}.profile-stats li{font-size:1.4rem;flex:1;margin:0}.profile-stat-count{display:block}}@-webkit-keyframes loader{to{transform:rotate(1turn)}}@keyframes loader{to{transform:rotate(1turn)}}@supports (display:grid){.profile{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:repeat(3,auto);grid-column-gap:3rem;align-items:center}.profile-image{grid-row:1/-1}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));grid-gap:2rem}.gallery,.gallery-item,.profile-bio,.profile-image,.profile-stats,.profile-user-settings{width:auto;margin:0}@media (max-width:40rem){.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}}}*{margin:0;padding:0}body{background-color:#eee}#wrapper{width:500px;height:50%;overflow:hidden;border:0 solid #000;margin:50px auto;padding:10px}.main-content{margin:30% auto 0;background-color:#fff;border:2px solid #e6e6e6;padding:40px 50px}.header{border:0 solid #000;margin-bottom:5px}.header img{height:50px;width:175px;margin:auto}.input-1,.input-2{width:100%;margin-bottom:5px;padding:8px 12px;border:1px solid #dbdbdb;box-sizing:border-box;border-radius:3px}.overlap-text{position:relative}.overlap-text a{position:absolute;top:8px;right:10px;color:#003569;font-size:14px;text-decoration:none;font-family:Overpass Mono,monospace;letter-spacing:-1px}.btn{width:100%;background-color:#3897f0;border:1px solid #3897f0;padding:5px 12px;color:#fff;font-weight:700;cursor:pointer;border-radius:3px}.sub-content{height:40%;margin:10px auto;border:1px solid #e6e6e6;padding:20px 50px;background-color:#fff}.s-part{text-align:center}.s-part,.s-part a{font-family:Overpass Mono,monospace;word-spacing:-3px;letter-spacing:-2px;font-weight:400}.s-part a{text-decoration:none;cursor:pointer;color:#3897f0}input:focus{background-color:#ff0}