.DesktopNavigation{height:100px;background-color:#121212;border-bottom:2px solid #ffffff;display:flex;padding-left:10%;padding-right:10%;transition:height .3s ease,border-bottom .3s ease}.DesktopNavigation:hover{border-bottom:2px solid #f8ad40}.DesktopNavigation .navbar{display:flex;align-items:center;justify-content:space-between;width:100%}.DesktopNavigation .navbar .logo{font-size:28px;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}.DesktopNavigation .navlinks{display:flex;align-items:center;list-style:none;padding:0;gap:2.5rem;margin:0 0 0 auto}.DesktopNavigation .navlinks li{align-items:center}.DesktopNavigation .navlinks li button{font-size:22px;background:transparent;border:none;font-weight:400;text-decoration:none;color:#fff;cursor:pointer;transition:color .3s ease}.DesktopNavigation .navlinks li button:hover{color:#f8ad40}.MobileNavigation{display:flex;height:100px;background-color:#121212;border-bottom:2px solid #ffffff;padding-left:2%;padding-right:2%;position:relative}.MobileNavigation .navbar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 20px}.MobileNavigation .logo{font-size:28px;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}.MobileNavigation .burger{cursor:pointer;z-index:1001}.MobileNavigation .navlinks{position:fixed;top:0;right:-100%;height:100vh;width:70%;background:#0e0e0e;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:right .5s ease;z-index:1000}.MobileNavigation .navlinks.open{transition:right .5s ease;right:0}.MobileNavigation .navlinks ul{list-style:none;display:flex;flex-direction:column;gap:30px;align-items:center;padding-top:200px;padding-bottom:200px}.MobileNavigation .navlinks ul li button{font-size:30px;background:transparent;border:none;font-weight:400;text-decoration:none;color:#fff;cursor:pointer;transition:color .3s ease}.MobileNavigation .navlinks ul li button:hover{color:#f8ad40}.MobileNavigation .social-icons{display:flex;gap:30px}.MobileNavigation .social-icons .contact-icon{color:#fff;transition:color .3s ease}.MobileNavigation .social-icons .contact-icon:hover{color:#f8ad40}.MobileNavigation .overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:999;opacity:0;pointer-events:none;transition:opacity .5s ease}.MobileNavigation .overlay.active{opacity:1;pointer-events:all}.header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:transform .3s ease}.header--hidden{transform:translateY(-100%)}.banner{background:linear-gradient(135deg,#000,#151717 74%);display:flex;align-items:center;height:100vh;text-align:left;padding-bottom:10px;padding-left:10%;padding-right:10%}.banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f8ad404d;opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:1}.banner.highlight:before{opacity:1}.banner h1{font-size:80px;color:#fff;font-weight:100}.banner h2{font-weight:100;font-size:44px;color:#fff;padding-top:5px}.banner-content{max-width:50%;margin-right:40px;display:flex;flex-direction:column;align-items:flex-start}.job-info{display:flex;align-items:center;margin-top:40px}.portfolio-button{padding:12px 24px;background:#cf8d2c;color:#fff;text-decoration:none;border:#f8ad40 solid 1px;border-radius:3px;font-size:22px;font-weight:400;transition:background-color .3s}.portfolio-button:hover{background-color:#f8ad4080;color:#fff}.contact-button{padding:12px 24px;margin-left:30px;background:#0000;color:#fff;text-decoration:none;border:#f8ad40 solid 1px;border-radius:3px;font-size:22px;font-weight:400;transition:background-color .3s}.contact-button:hover{background-color:#f8ad4080;color:#fff}.pendulum{position:absolute;right:10%;width:297px;height:243px;background-color:#ffedd5;align-items:center;border-top:27px solid #f9892e;box-shadow:#c76a1e 27px 27px;border-radius:5.4px}.pendulum_box{display:flex;padding:162px 0 0 13.5px;flex:1}.ball{height:54px;width:54px;border-radius:50%;background-color:#f8ad40;position:relative;transform-origin:50% -300%;animation-play-state:running}.ball:before{content:"";width:2px;height:162px;background-color:#a4a4a4;left:27px;top:-162px;position:absolute}.ball.first{animation:firstball 1s alternate ease-in infinite}@keyframes firstball{0%{transform:rotate(35deg)}50%{transform:rotate(0)}}.ball.last{animation:lastball 1s alternate ease-out infinite}@keyframes lastball{50%{transform:rotate(0)}to{transform:rotate(-35deg)}}.me3{position:absolute;top:-110px;left:50%;transform:translate(-50%);width:90px;height:90px;z-index:2}@media (max-width: 1024px){.banner{height:100vh}.pendulum{display:none}.banner-content{max-width:100%;margin-right:0}.banner-content h1{font-size:60px}.banner-content h2{font-size:34px}.job-info{max-width:100%}.job-info h3{font-size:24px;margin-left:10px}.job-info h3:before{width:11px;height:11px}.portfolio-button{padding:6px 20px;font-size:22px}.contact-button{padding:6px 20px;font-size:22px;margin-left:20px}}@media (max-width: 768px){.pendulum{display:none}.me3{top:-78px;width:64px;height:64px}.banner-content{max-width:100%;margin-right:0}.banner-content h1{font-size:48px}.banner-content h2{font-size:24px}.job-info{max-width:100%}.job-info h3{font-size:20px;margin-left:10px}.job-info h3:before{width:10px;height:10px}.portfolio-button{padding:6px 20px;font-size:18px}.contact-button{padding:6px 20px;font-size:18px;margin-left:20px}}.about{position:relative;padding:40px 10%;background:#000}.about:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f8ad404d;opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:1}.about.highlight:before{opacity:1}.about .me2{position:absolute;top:-2%;left:50%;transform:translate(-50%);width:90px;height:90px;z-index:2}.about .about-label{flex:0 0 500px}.about .about-label h1{font-size:60px;margin-bottom:20px;letter-spacing:3px;color:#fff;font-weight:100}.about__container{display:flex;justify-content:space-between;gap:3rem}@media (max-width: 1024px){.about__container{flex-direction:column}}.about__container .divider{width:50px;height:2px;background-color:#f9892e;margin-bottom:15px}.about__text{flex:2;display:flex;flex-direction:column;gap:1rem;font-size:20px;line-height:1.5;color:#fff;font-weight:300}.about__title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.about__info{flex:1;background:#000;padding:1.5rem;border-radius:12px;border:1px solid #333333}.about__info ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.5rem}.about__info ul li:last-child{line-height:1.6}.about__info li{font-size:1rem;color:#fff}.about__info .label{font-weight:600;margin-right:.5rem;color:#f8ad40}.about__info a{color:#fff;text-decoration:none;transition:color .5s ease}.about__info a:hover{color:#f8ad40}@media (max-width: 1024px){.about-label h1{font-size:50px;text-align:center}.about{padding:3rem 5%}.about .about__container{flex-direction:column;gap:2rem}.about .about__info{width:100%;padding-top:1.5rem}}@media (max-width: 768px){.about-label h1{font-size:44px;text-align:center}.about{padding:2rem 1.25rem}.about .about__text{font-size:.95rem}.about .about__info{font-size:.9rem}}.skills{padding:1rem 10% 4rem;background:#000;color:#fff;height:auto;position:relative}.skills:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f8ad404d;opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:1}.skills.highlight:before{opacity:1}.skills .skills__header{flex:0 0 500px;margin-bottom:2rem}.skills .skills__header h1{font-size:60px;margin-bottom:20px;letter-spacing:3px;color:#fff;font-weight:100}.skills .skills__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.skills .skills__card{background:#000;border:1px solid #333333;border-radius:12px;padding:1.5rem;height:100px;overflow:hidden;transition:height .5s ease,border-color .5s ease;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start}.skills .skills__card:hover{border-color:#f8ad40;height:340px}.skills .skills__card .skills__card-title{font-size:1.2rem;font-weight:600;color:#f8ad40;margin-bottom:1rem}.skills .skills__card .skills__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.skills .skills__card:hover .skills__list{opacity:1;transform:translateY(0)}.skills .skills__card .skills__item{font-size:1rem;color:#fff}.skills .skills{height:auto;padding:2rem 8%}.skills .skills .skills__header h1{font-size:48px}.skills .skills .skills__card{height:90px}.skills .skills .skills__card:hover{height:300px}@media (max-width: 1024px){.skills{height:auto;padding:2rem 8%}.skills .skills__header h1{font-size:50px;text-align:center}.skills .skills__card{height:100px}.skills .skills__card:hover{height:350px}}@media (max-width: 768px){.skills{height:auto;padding:2rem 5%}.skills .skills__header h1{font-size:44px;text-align:center}.skills .skills__grid{grid-template-columns:1fr}.skills .skills__card{height:auto;cursor:default}.skills .skills__card:hover{height:auto}.skills .skills__card .skills__list{opacity:1;transform:none}}.portfolio{background-color:#000;color:#fff;padding:40px 10%;position:relative;margin:0 auto}.portfolio:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f8ad404d;opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:1}.portfolio.highlight:before{opacity:1}.portfolio .list-header{margin:0 auto}.portfolio .list-header h1{text-align:left;font-size:60px;margin-bottom:20px;letter-spacing:3px;color:#fff;font-weight:100}.portfolio .projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;justify-items:center;margin:0 auto}.portfolio .projects-grid .projects-card{background:#000;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;height:100%;transition:background .3s ease;width:100%}.portfolio .projects-grid .projects-card:hover{background:#121212}.portfolio .projects-grid .projects-card .projects-image{width:100%;height:200px;object-fit:cover}.portfolio .projects-grid .projects-card .projects-content{padding:20px;display:flex;flex-direction:column;gap:12px;flex-grow:1}.portfolio .projects-grid .projects-card .projects-content h3{font-size:24px;font-weight:400}.portfolio .projects-grid .projects-card .projects-content p{font-size:18px;line-height:1.5;color:#aaa;font-weight:300}.portfolio .projects-grid .projects-card .projects-content .projects-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;margin-bottom:20px}.portfolio .projects-grid .projects-card .projects-content .projects-tags .tag{border-radius:3px;font-size:16px;color:#f8ad40}.portfolio .projects-grid .projects-card .projects-buttons{display:flex;gap:15px;margin-top:auto;justify-content:flex-start;align-items:center}.portfolio .projects-grid .projects-card .projects-buttons .projects-note{padding:12px 24px;font-size:20px;color:#f8ad40;font-weight:400;display:flex;align-items:center;border:1px solid #f8ad40;background:#f8ad4033;border-radius:3px}.portfolio .projects-grid .projects-card .projects-buttons .projects-button{padding:12px 24px;font-size:20px;font-weight:400;border:1px solid #f8ad40;color:#fff;background:transparent;border-radius:3px;text-decoration:none;transition:all .3s ease}.portfolio .projects-grid .projects-card .projects-buttons .projects-button:hover{background:#f8ad4080}.portfolio .projects-grid .projects-card .projects-buttons .projects-button .projects-button-icon{color:#fff}.portfolio .projects-grid .projects-card .projects-buttons .github-button{display:flex;padding:8px 16px;font-size:16px;font-weight:400;color:#fff;background:transparent;border-radius:6px;text-decoration:none;transition:all .3s ease}.portfolio .projects-grid .projects-card .projects-buttons .github-button:hover{color:#f8ad40}.projects-filters{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin:1rem 0 2rem}@media (max-width: 1024px){.projects-filters{flex-direction:column;align-items:center;justify-content:center;text-align:center}}.categories{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}@media (max-width: 1024px){.categories{justify-content:center}}.chip{padding:12px 24px;font-size:20px;font-weight:400;border:1px solid #f8ad40;color:#fff;background:transparent;border-radius:3px;text-decoration:none;transition:all .3s ease}.chip:hover{background:#f8ad4080}.chip.active{background:#cf8d2c}@media (max-width: 1024px){.portfolio{padding:40px 4%}.portfolio .list-header h1{font-size:50px;text-align:center}.portfolio .projects-grid{grid-template-columns:repeat(2,1fr)}.portfolio .projects-grid .projects-tags .tag{font-size:14px}.portfolio .projects-grid .projects-card .projects-content h3{font-size:20px}.portfolio .projects-grid .projects-card .projects-content p{font-size:18px}}@media (max-width: 768px){.portfolio{padding:40px 2%}.portfolio .list-header h1{font-size:44px;text-align:center}.portfolio .projects-tags .tag{font-size:12px}.portfolio .projects-grid{grid-template-columns:1fr}.portfolio .projects-grid .projects-card{padding:10px 0}.portfolio .projects-grid .projects-card .projects-content h3{font-size:20px}.portfolio .projects-grid .projects-card .projects-content p{font-size:16px}}.footer{background-color:#000;color:#fff;padding:40px 10%;border-top:2px solid #ffffff;position:relative;font-family:sans-serif;transition:border-top .3s ease}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f8ad404d;opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:1}.footer.highlight:before{opacity:1}.footer .highlight{animation:sectionFlash 1s ease}@keyframes sectionFlash{0%{background-color:#f8ad4040}to{background-color:transparent}}.footer .me4{position:absolute;top:-94px;transform:translate(-35%);width:100px;height:100px;z-index:2}.footer:hover{border-top:2px solid #f9892e}.footer .footer-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}.footer .contacts-section{max-width:40%}.footer .contacts-section h2{text-transform:uppercase;font-size:30px;margin-bottom:5px}.footer .contacts-section .divider{width:50px;height:2px;background-color:#f9892e;margin-bottom:15px}.footer .contacts-section .contacts-text{line-height:1.4;font-size:18px}.footer .media{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer .media h4{font-size:30px;margin-bottom:5px;align-self:flex-end}.footer .media .media-icons{display:flex;gap:20px}.footer .media .media-icons a{position:relative;color:#fff;transition:color .3s ease}.footer .media .media-icons a:hover{color:#f9892e}.footer .media .media-icons a .tooltip{visibility:hidden;opacity:0;position:absolute;bottom:110%;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:5px 10px;border-radius:4px;font-size:16px;white-space:nowrap;transition:opacity .3s ease,visibility .3s ease}.footer .media .media-icons a:hover .tooltip{visibility:visible;opacity:1}.footer .footer-bottom{border-top:1px solid #333;padding-top:20px;text-align:center}.footer .footer-bottom p{margin:0;font-size:14px}@media (max-width: 1024px){.footer{padding:40px 2%}.footer .footer-content{flex-direction:column;align-items:center;gap:40px}.footer .contacts-section{max-width:100%;text-align:center}.footer .contacts-section h2{font-size:26px}.footer .contacts-section .contacts-text{font-size:16px}.footer .contacts-section .divider{width:auto}.footer .media{align-items:center}.footer .media h4{align-self:center;font-size:26px}.footer .media .media-icons{justify-content:center}}@media (max-width: 768px){.footer{padding:30px 2%}.footer .footer-content{gap:15px}.footer .contacts-section h2{font-size:24px}.footer .contacts-section .contacts-text{font-size:14px}.footer .media h4{font-size:24px}.footer .media .media-icons a{margin:0 5px}.footer .footer-bottom p{font-size:12px}}@font-face{font-family:Kantumruy Pro;src:url(/assets/KantumruyPro-Thin-BEEjKOmq.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Kantumruy Pro;src:url(/assets/KantumruyPro-ExtraLight-Cte3xf-w.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Kantumruy Pro;src:url(/assets/KantumruyPro-Light-BLoxq3_b.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Kantumruy Pro;src:url(/assets/KantumruyPro-Regular-9AfvXAeV.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Kantumruy Pro;src:url(/assets/KantumruyPro-Medium-jj83rUUM.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Kantumruy Pro;src:url(/assets/KantumruyPro-SemiBold-BUPmCklh.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Kantumruy Pro;src:url(/assets/KantumruyPro-Bold-C0elmSPr.ttf) format("truetype");font-weight:700;font-style:normal}.no-scroll,html .no-scroll{overflow:hidden}*{margin:0;padding:0;box-sizing:border-box;font-family:Kantumruy Pro,sans-serif}body{background:#121212;color:#fff}