.main-menu ul,header .container nav{max-height:80px}body,hgroup{text-align:center}.btn,button{cursor:pointer}@font-face{font-family:Gilroy;src:url(../fonts/Gilroy-Medium.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Gilroy;src:url(../fonts/Gilroy-Bold.woff2) format("woff2");font-weight:700;font-style:normal}*,::after,::before{padding:0;margin:0;box-sizing:border-box}ol,ul{list-style:none}a,button{transition:all .2s ease}.page-wrapper{display:flex;flex-direction:column;justify-content:space-between}.page-wrapper main{flex-grow:1}.img-wrap{max-width:970px}.img-wrap img{width:100%}body{font-family:Gilroy,sans-serif;color:#070707;font-size:1.125rem;font-weight:500}.container{width:min(90%,970px);margin:0 auto}h1,h2{margin-bottom:50px;font-weight:700}header{position:fixed;width:100%;background-color:#fefefebd;backdrop-filter:blur(10px)}header .container{padding:1.636% 0;border-bottom:1px solid #828282}header .container nav li{display:inline-block}main{padding-top:90.5px}.main-menu ul{font-size:0;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:4.123%}.main-menu ul li a{font-size:1.125rem;color:#828282;text-decoration:none;display:inline-block;font-weight:700}.main-menu ul li a.active,.main-menu ul li a:hover{color:#070707;text-shadow:1px 0 1px #070707}h1{font-size:3rem;text-align:left}footer,section:not(#skills){padding:100px 0}#skills{padding-top:100px}.bg-grey{background-color:#f6f6f6}h2{font-size:2.125rem}.content{max-width:480px;margin-inline:auto}.content p:not(:last-child){margin-bottom:30px}hgroup{margin-bottom:50px}hgroup h2{margin-bottom:20px}.skills-list{font-size:0;margin-left:-1px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:9.99%}.btn,.skills-list li{display:inline-block}.skills-list li{width:170px;margin-bottom:100px}.skills-list li>img{margin-bottom:25px}.skills-list li .skill-title{color:#828282;font-size:.875rem;letter-spacing:.0175rem;margin-bottom:60px;font-weight:700;padding:0 30px;min-height:38px}.rating img:not(:last-child){margin-right:7px}.rating img.gray{opacity:.2}.portfolio-item:not(:last-child){margin-bottom:70px}.btn-wrap,.portfolio-item img{margin-bottom:40px}.portfolio-item div:not(.img-wrap){max-width:260px;margin-inline:auto}.portfolio-item div a{color:#070707}.portfolio-item div a:hover{opacity:.5}.btn{color:#fff;background-color:#070707;line-height:30px;font-size:1.2rem;text-decoration:none;border-radius:22px;padding:5px 16px;min-width:80px;border:2px solid #070707;font-weight:700;letter-spacing:.125rem}.btn:hover{color:#070707;background-color:#fff}.soc-list{font-size:0;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:16.13%}.soc-list li{display:inline-block;margin-bottom:60px}.soc-list a{opacity:.7}.soc-list a:hover{opacity:1}.soc-list img{width:40px}footer .container{width:min(90%,310px)}footer hgroup p{padding:0 10px}.footer-text{color:#828282;font-size:.875rem;padding:0 50px}@media screen and (max-width:1100px){.skills-list{gap:23.99%}body,body .main-menu ul li a{font-size:1.5rem}.skills-list li .skill-title,footer .footer-text{font-size:1.125rem}}@media screen and (max-width:575px){header .container nav ul{gap:17.123%}footer .container ul.soc-list{gap:31.13%}}@media screen and (max-width:410px){header .container nav ul{gap:10.123%}}