:root{font-size:10px}*,:after,:before{box-sizing:border-box}body{background-color:#1b1b1b;color:#d3d3d3;font-family:Roboto,Arial,sans-serif;min-height:100vh;padding:0 0 3rem}img{display:block}a{color:#00b17c}a:hover{color:#00ffb3}.container{margin:0 auto;max-width:93.5rem;padding:0 2rem}.btn{background:none;border:none;color:inherit;display:inline-block;font:inherit;padding:0}.btn:focus{outline:.5rem auto #4d90fe}.visually-hidden{height:1px;overflow:hidden;position:absolute!important;width:1px;clip:rect(1px,1px,1px,1px)}nav{background:#000;color:#f1f1f1;left:0;padding:15px 20px;position:fixed;top:0;width:100%}.logo{width:130px}nav ul{color:#71826b;font-weight:400;list-style:none;padding:0;position:absolute;right:15px;text-align:center;top:10px;width:50%}nav ul li{float:right;font-size:1.5rem;line-height:2rem;padding:1.5rem 1rem}nav ul li a{color:#00b17c;text-decoration:none}nav ul li a:hover{color:#00ffb3;text-decoration:underline}nav ul li a span{font-size:inherit!important;line-height:inherit!important;vertical-align:bottom}.profile{padding:10rem 0 3rem}.profile:after{clear:both;content:"";display:block}.profile-image{align-items:center;display:flex;float:left;justify-content:center;margin-right:3rem;width:calc(33.333% - 1rem)}.profile-image img{border-radius:50%;max-width:150px}.profile-stat-count span{font-size:30px;line-height:26px;vertical-align:bottom}.profile-bio,.profile-stats,.profile-user-settings{float:left;width:calc(66.666% - 2rem)}.profile-stats ul{padding:0}.profile-user-settings{margin-top:1.1rem}.profile-user-name{display:inline-block;font-size:2.5rem;font-weight:300;margin:1rem 0}.profile-edit-btn{border:.1rem solid #333;border-radius:.3rem;font-size:1.4rem;line-height:1.8;margin-left:2rem;padding:0 2.4rem}.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}.profile-stats li:last-of-type{margin-right:0}.profile-bio{font-size:1.6rem;font-weight:100;line-height:1.5;margin-top:2.3rem}.profile-bio p span{vertical-align:bottom}.profile-edit-btn,.profile-real-name,.profile-stat-count{font-weight:600;margin-right:1rem}.gallery{display:flex;flex-wrap:wrap;margin:-1rem;padding-bottom:3rem}.gallery-item{color:#fff;flex:1 0 22rem;margin:1rem;position:relative;aspect-ratio:4/3;overflow:hidden}.gallery-item a{color:#fff;display:block;position:absolute;inset:0;width:100%;height:100%}.gallery-item:focus .gallery-item-info,.gallery-item:hover .gallery-item-info{background-color:rgba(0,0,0,.6);height:100%;opacity:1}.gallery-item-info{align-items:center;background-color:rgba(0,0,0,.2);bottom:0;display:flex;height:0%;justify-content:center;opacity:.8;position:absolute;transition:height .5s,background-color .5s,opacity .5s;-webkit-transition:height .5s,background-color .5s,opacity .5s;width:100%}.gallery-item-info ul{margin:-1rem 0 0;padding:0}.gallery-item-info li{display:inline-block;font-size:1.7rem;font-weight:400}.gallery-item-likes{margin-right:2.2rem}.gallery-item-type{font-size:2.5rem;position:absolute;right:1rem;text-shadow:.2rem .2rem .2rem rgba(0,0,0,.1);top:1rem}.gallery-item-name{margin-right:2.2rem;margin-top:1rem;padding:0 10px;text-align:center;text-shadow:0 0 .3rem rgba(0,0,0,1);width:100%}.gallery-item-name span{font-size:3rem;vertical-align:bottom}.gallery-item-intro{font-size:1.5rem!important;font-weight:100!important;margin-top:1rem;opacity:0;padding:0 10px;text-align:center;text-shadow:.05rem .05rem .2rem rgba(0,0,0,.5);transition:opacity .5s;width:100%}.gallery-item:focus .gallery-item-intro,.gallery-item:hover .gallery-item-intro{opacity:1}.fa-clone,.fa-comment{transform:rotateY(180deg)}.gallery-image{height:100%;object-fit:cover;width:100%}.loader{animation:a .5s linear infinite;border:.6rem solid;border-color:#999 #999 transparent;border-radius:50%;height:5rem;margin:0 auto;width:5rem}@media screen and (max-width:40rem){.profile{display:flex;flex-wrap:wrap;padding:10rem 0 4rem}.logo{width:105px}nav ul li{font-size:1.1rem;line-height:1rem}.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{display:flex;flex-basis:calc(100% - 10.7rem);flex-wrap:wrap;margin-top:1rem}.profile-user-name{font-size:2.2rem}.profile-edit-btn{margin-left:0;margin-top:1rem;order:1;padding:0;text-align:center}.profile-bio{font-size:1.4rem;margin-top:1.5rem}.profile-bio,.profile-edit-btn,.profile-stats{flex-basis:100%}.profile-stats{margin-top:1.5rem;order:1}.profile-stats ul{border-bottom:.1rem solid #2a2a2a;border-top:.1rem solid #2a2a2a;display:flex;padding:1.2rem 0;text-align:center}.profile-stats li{flex:1;font-size:1.4rem;margin:0}.profile-stat-count{display:block}}@keyframes a{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{margin:0;width:auto}@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}.gallery-item-info{height:40%}}}