.navbar{width:100%;height:80px;background-color:#171718;position:fixed;left:0;top:0;border-bottom:.5px solid #26292d}.navbar__content{width:100%;height:80px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.navbar__title{color:#fff;font-size:30px}.navbar__link{color:#fff;text-decoration:none;font-size:20px;margin-right:35px;transition:all .1s linear;position:relative}.navbar__link.active:after{content:"";width:100%;height:2.5px;position:absolute;left:0;bottom:-5px;background-color:brown}.navbar__link:last-child{margin-right:0}.navbar__link:hover{opacity:.5}@media (max-width: 500px){.navbar__content{justify-content:center;flex-direction:column;gap:10px}}.footer{display:flex;justify-content:center;padding:40px 0;background-color:#171718;border-top:.5px solid #26292d}.linkedin__img,.github__img{width:40px;height:40px;fill:#fff;margin:0 10px}.home{margin-top:80px;background-color:#171718}.header{height:700px;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;background-image:url(/assets/home-bg-Djjy6aXB.png);background-repeat:no-repeat;background-position:center center}.header__title{font-size:45px;line-height:1.4}.header__title strong{font-size:60px}.name{color:brown}.role{display:inline}.header__text{font-size:20px;line-height:2.8}.skills{width:100%;font-size:25px;text-align:center;color:#fff;background-color:#252526;padding:50px 0}.skills__content{max-width:600px;margin:auto}.skills p{font-size:20px}.skills__frontend{margin-bottom:20px;line-height:1.5}.skills__backend{line-height:1.5}@media (max-width: 700px){.header__title strong{font-size:45px}.skills{font-size:20px}}@media (min-width: 700px){.role{display:block}}.project{width:370px;height:285px;background-color:#171718;border-radius:10px}.project__image{width:100%;max-height:216px;min-height:213px;border-radius:10px}.project__title{color:#fff;font-size:24px;font-weight:700;padding:15px 20px 25px}a{text-decoration:none;max-width:370px}.projects{margin:160px 0 80px;display:flex;flex-wrap:wrap;justify-content:left;gap:25px}.projects__title{width:100%;color:#fff;font-size:50px;text-align:center;margin-bottom:40px}@media (max-width: 1200px){.projects{justify-content:center}}.project__page{max-width:870px;margin:160px auto 80px;text-align:center}.project__name{color:#fff;font-size:50px;margin-bottom:50px}.project__img{width:100%}.project__info{text-align:center}.project__skills{padding:20px 0 10px;font-size:22px;color:#f0f0f0;font-weight:500;line-height:1.5}.project__description{font-size:18px;color:#dcdcdc;line-height:1.6;margin-bottom:30px}.projects__links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}.link__btn{max-width:200px;min-width:185px;display:flex;justify-content:center;align-items:center;padding:10px 20px;background-color:#fff;font-size:20px;color:#000;border:1px black solid;border-radius:8px;transition:all .1s linear}.link__btn:hover{background-color:#bababa}.link__btn__img{height:30px;width:30px;margin-right:8px;color:#000}.link__btn__img.visit{margin-right:10px}.error__message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.contacts{width:100%;margin-top:80px;padding:60px 0;display:flex;justify-content:center;color:#fff}.bg{background-color:#2c2e31;display:flex;justify-content:center;align-items:center;flex-direction:column;padding-bottom:20px;border-radius:5%;border:1px solid #5a5a5a;overflow:hidden}.bg-1{width:100%;background-color:#232527;padding:5px 0}.bg-2{padding:0 20px}.title{width:100%;font-size:50px;text-align:center}.title-2{font-size:35px;margin-bottom:20px}.contacts__list{text-align:center}.contacts__list__item{margin:60px 0}p{font-size:20px}a{color:#fff}ul{list-style:none}.app{display:flex;flex-direction:column;min-height:100vh}.content{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 20px}*{box-sizing:border-box;padding:0;margin:0}body{font-family:Poppins,sans-serif;background-color:#252526}