.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{padding:100px 0;background-color:#252526;color:#fff}.skills__title{text-align:center;font-size:42px;margin-bottom:60px}.skills__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.skill-card{background:#1f1f20;border:1px solid #333;border-radius:20px;padding:30px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.skill-card:hover{transform:translateY(-5px);border-color:brown;box-shadow:0 10px 30px #a52a2a33}.skill-card h3{margin-bottom:20px;font-size:24px;color:brown}.skill-tags{display:flex;flex-wrap:wrap;gap:12px;cursor:default}.skill-tags span{padding:10px 16px;background:#2d2d30;border-radius:30px;font-size:15px;border:1px solid #3c3c3c;transition:all .3s ease}.skill-tags span:hover{background:brown;border-color:brown}@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%;border-radius:20px;border:1px solid #3d3d3d;box-shadow:0 10px 30px #0000004d}.project__info{margin:30px 0;padding:10px 30px;background:#252526;border:1px solid #3d3d3d;border-radius:20px;text-align:left}.project__tech{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:35px}.project__tech-tag{padding:8px 16px;background:#2d2d30;border:1px solid #444;border-radius:30px;color:#fff;font-size:14px}.project__section-title{color:#fff;font-size:24px;margin-bottom:20px}.project__skills{padding:20px 0 10px;font-size:22px;color:#f0f0f0;font-weight:500;line-height:1.5}.project__description{color:#dcdcdc;line-height:1.8;font-size:18px}.projects__links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}.link__btn{min-width:200px;height:55px;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#000;border-radius:12px;border:none;font-weight:600;transition:all .25s ease}.link__btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #ffffff26}.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{margin-top:80px;min-height:calc(100vh - 80px);padding:80px 0;color:#fff}.contacts__title{text-align:center;font-size:48px;margin-bottom:15px}.contacts__subtitle{max-width:700px;margin:0 auto 60px;text-align:center;font-size:18px;line-height:1.7;color:#b8b8b8}.contacts__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px}.contact-card{background:#252526;border:1px solid #3d3d3d;border-radius:20px;padding:35px;text-align:center;transition:all .3s ease}.contact-card:hover{transform:translateY(-5px);border-color:brown;box-shadow:0 10px 30px #a52a2a33}.contact-card h2{margin-bottom:20px;font-size:24px;color:brown}.contact-card a{color:#fff;text-decoration:none;font-size:16px;word-break:break-word;transition:color .3s ease}.contact-card a:hover{color:brown}@media (max-width: 768px){.contacts__title{font-size:38px}.contacts__subtitle{font-size:16px;margin-bottom:40px}.contact-card{padding:25px}}.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}