@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;src:url(../fonts/JetBrainsMono-Regular.1d9e47ce7f6576ce7bae.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;src:url(../fonts/JetBrainsMono-Bold.75885bf04057d4697ae5.woff2) format("woff2")}body{background:linear-gradient(180deg,#181818,#1e1e1e);font-family:JetBrains Mono,monospace;margin:0;padding:0}h1,h2{margin-top:10px}.container{background:linear-gradient(180deg,#252526,#2e2e2e);border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin:10px auto;max-width:800px;padding:20px}section{margin:20px 40px;scroll-margin-top:120px}.header{align-items:center;color:#d4d4d4;display:flex;flex-direction:column;justify-content:center;padding-top:80px;position:relative;text-align:center;width:100%}@media(max-width:768px){.header{height:auto}}.header__background{background:#252526;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-2}.header__content{align-items:center;display:flex;flex-direction:column;margin-top:60px;position:relative;width:100%;z-index:1}.header__photo{border:2px solid #569cd6;border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.5);height:180px;margin-bottom:20px;width:180px}@media(max-width:768px){.header__photo{height:140px;width:140px}}.header__info{align-items:flex-start;display:flex;flex-direction:column;font-size:2rem;min-height:9em;text-align:left}.header__static-text{color:#d4d4d4;font-size:2rem;font-weight:700}.header__dynamic-text{color:#d4d4d4;font-size:1.8rem;font-weight:700;margin-top:10px}.highlight{color:#dcdcaa}@media(max-width:768px){.header__static-text{font-size:1.3rem}.header__dynamic-text{font-size:1.1rem}}.about{background-color:#252526;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.3);color:#d4d4d4;line-height:1.6;margin:40px auto;max-width:1200px;padding:20px 30px;transition:box-shadow .3s ease}.about:hover{box-shadow:0 8px 15px rgba(0,0,0,.4)}.about h2{color:#569cd6;font-size:2rem;margin-bottom:30px}.about p{color:#8996a3;font-size:1rem}.navbar{background:#252526;box-shadow:0 4px 6px rgba(0,0,0,.5);padding:12px 0;position:fixed;top:0;transition:background .3s ease,box-shadow .3s ease;width:100%;z-index:1000}.navbar .navbar__container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 40px}@media(max-width:768px){.navbar .navbar__container{padding:0 20px}}.navbar:hover{background:#1e1e1e;box-shadow:0 6px 8px rgba(0,0,0,.7)}.navbar .navbar__logo{background:url(../images/logo.d5a259f259c6e07edf18.png) 50%/cover no-repeat;border:2px solid #569cd6;border-radius:50%;box-shadow:0 4px 6px rgba(0,0,0,.4);height:50px;transition:box-shadow .3s ease,transform .3s ease;width:50px}.navbar .navbar__logo:hover{box-shadow:0 6px 10px rgba(0,0,0,.6);cursor:pointer;transform:scale(1.1)}.navbar .navbar__menu{display:flex;gap:20px;list-style:none}.navbar .navbar__menu li a{color:#569cd6;font-size:1rem;font-weight:700;position:relative;text-decoration:none;transition:color .3s ease}.navbar .navbar__menu li a:hover{color:#569cd6;cursor:pointer}.navbar .navbar__menu li a.active{border-bottom:2px solid #569cd6;color:#569cd6}.navbar .navbar__menu li a:after{background:#569cd6;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar .navbar__menu li a:hover:after{width:100%}.navbar .navbar__toggle{color:#d4d4d4;cursor:pointer;display:none;font-size:1.5rem;transition:color .3s ease}.navbar .navbar__toggle:hover{color:#569cd6}@media(max-width:768px){.navbar .navbar__menu{background:#1e1e1e;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.5);display:none;flex-direction:column;gap:15px;padding:15px;position:absolute;right:0;top:60px;width:200px}.navbar .navbar__menu li a{color:#d4d4d4}.navbar .navbar__menu li a:hover{color:#569cd6}.navbar .navbar__menu.active{display:flex}.navbar .navbar__toggle{display:block}}.experience{background-color:#252526;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.3);color:#d4d4d4;line-height:1.6;margin:40px auto;max-width:1200px;padding:20px 30px;transition:box-shadow .3s ease}.experience:hover{box-shadow:0 8px 15px rgba(0,0,0,.4)}.experience h2{color:#569cd6;font-size:2rem;margin-bottom:10px}.experience .experience__item{border-bottom:1px solid hsla(0,0%,100%,.2);margin-bottom:30px;padding:20px 0}.experience .experience__item:last-child{border-bottom:none}.experience .experience__company{color:#dcdcaa;font-size:1.2rem;font-weight:700;margin-bottom:10px}.experience p{color:#8996a3;font-size:1rem}.experience ul{list-style:disc;margin-left:20px}@media(max-width:768px){.experience ul{margin-left:0;padding-inline-start:30px}}.experience ul li{color:#8996a3;margin-bottom:8px}.contacts{background-color:#252526;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.3);color:#d4d4d4;line-height:1.6;margin:40px auto;max-width:1200px;padding:20px 30px;position:relative;transition:box-shadow .3s ease,background-color .3s ease,color .3s ease}@media(max-width:870px){.contacts{padding:20px}}@media(max-width:420px){.contacts{font-size:12px}}.contacts:hover{box-shadow:0 6px 12px rgba(0,0,0,.35)}.contacts h2{color:#569cd6;font-size:2rem;margin-bottom:30px}.contacts .contacts__list{display:grid;gap:15px;grid-template-columns:1fr 1fr}@media(max-width:870px){.contacts .contacts__list{grid-template-columns:1fr}}.contacts .contacts__item{align-items:center;background-color:#1e1e1e;border-radius:6px;box-shadow:0 2px 4px hsla(0,0%,100%,.1);cursor:pointer;display:flex;gap:10px;padding:12px 16px;transition:background-color .2s ease,box-shadow .2s ease}.contacts .contacts__item:hover{background-color:rgba(37,37,38,.6);box-shadow:0 3px 6px hsla(0,0%,100%,.15)}.contacts .contacts__item .contacts__icon{color:#56b6c2;font-size:1.4rem}.contacts .contacts__item .contacts__label{color:#8996a3;display:block;transition:color .2s ease}@media(max-width:768px){.contacts .contacts__item .contacts__label{display:none}}.contacts .contacts__item a{color:#56b6c2;font-weight:700;text-decoration:none;transition:color .2s ease}.contacts .contacts__resume-btn{align-items:center;background:#56b6c2;border-radius:5px;box-shadow:0 2px 5px hsla(0,0%,100%,.15);color:#1e1e1e;display:flex;font-size:1rem;font-weight:700;gap:10px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:20px;padding:10px 20px;position:static;text-decoration:none;transition:background .2s ease,box-shadow .2s ease;width:50%}.contacts .contacts__resume-btn:hover{background:#569cd6;box-shadow:0 3px 7px hsla(0,0%,100%,.2)}.contacts .contacts__resume-btn .contacts__resume-icon{font-size:1.2rem}@media(max-width:768px){.contacts .contacts__resume-btn{font-size:14px}}.skills{background-color:#252526;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.3);color:#d4d4d4;line-height:1.6;margin:40px auto;max-width:1200px;padding:20px 30px;transition:box-shadow .3s ease}.skills:hover{box-shadow:0 8px 15px rgba(0,0,0,.4)}.skills h2{color:#569cd6;font-size:2rem;margin-bottom:10px}.skills .skills__category{border-bottom:1px solid #8996a3;margin-bottom:30px;padding:20px 0}.skills .skills__category:last-child{border-bottom:none}.skills .skills__list{display:flex;flex-wrap:wrap;gap:15px}.skills .skills__item{align-items:center;background:#1e1e1e;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#dcdcaa;display:flex;gap:10px;padding:10px 15px;transition:box-shadow .3s ease,background-color .3s ease}.skills .skills__item:hover{background:#252526;box-shadow:0 4px 8px rgba(0,0,0,.35)}.skills .skills__icon{color:#56b6c2;font-size:1.5rem;height:24px;min-width:24px}.education{background-color:#252526;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.3);color:#d4d4d4;line-height:1.6;margin:40px auto;max-width:1200px;padding:20px 30px;transition:box-shadow .3s ease}.education:hover{box-shadow:0 8px 15px rgba(0,0,0,.4)}.education h2{color:#569cd6;font-size:2rem;margin-bottom:10px}.education .education__item{border-bottom:1px solid hsla(0,0%,100%,.2);margin-bottom:30px;padding:20px 0}.education .education__item:last-child{border-bottom:none}.education .education__institution{color:#dcdcaa;font-size:1.2rem;font-weight:700;margin-bottom:5px}.education .education__years{color:#8996a3;font-size:.9rem;margin-bottom:10px;opacity:.7}.education p{color:#8996a3;font-size:1rem}