:root{--yellow: #dea30e;--purple: #6e00cc;--border-color: rgba(255, 255, 255, .336)}html{scroll-behavior:smooth}main,nav{position:relative}body{background-color:var(--yellow);display:flex;flex-direction:column;margin:0;padding:0;overflow-x:hidden;font-family:Boldonse,system-ui;font-weight:400;font-style:normal;color:#fff;font-size:23px}*{box-sizing:border-box}h1,h2,h3,h4,p,span{color:#fff;margin:0 0 1%}h1{font-size:5vw}h2{font-size:3vw}h3{font-size:2vw}a{text-decoration:none;color:#fff}a:hover{color:var(--purple)}nav{display:flex;width:100%;height:10%;font-size:42px}nav .nav_section{display:flex;gap:1rem;padding:1.5rem 2rem;align-items:center;justify-content:center;flex-basis:50%;color:#fff}section{padding:4%;height:100%}.fa-brands:hover,.fa-rocket:hover,.fa-envelope:hover #themeToggle{color:var(--purple)}#menu{justify-content:flex-start}#contacts{justify-content:flex-center}#toggle{justify-content:flex-end}#contacts a:not(:last-child){margin-right:.5vw}#about{height:max(700px,90vh)}footer{padding:2rem}#bg{position:fixed;top:0;left:0;z-index:0;filter:blur(7px);transform:scale(1.1)}.accent{color:var(--purple)}.project{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:center;margin-bottom:50px;border-radius:20px;padding:20px;background:linear-gradient(145deg,#6e00cc33,#dea30e33);box-shadow:0 10px 30px #0000001a}.project-canvas{display:flex;justify-content:center;align-items:center;width:100%;background-position:center;background-repeat:no-repeat;background-size:contain;object-fit:contain;border-radius:20px}.project-right .project-content{order:1}.project-content ul{line-height:2.2}@counter-style space-counter{system:cyclic;symbols:">";suffix:"  "}li{list-style-type:space-counter;margin-left:0}@media (max-width: 700px){body{font-size:16px}nav{font-size:30px}h1{font-size:35px}h2{font-size:23px}h3{font-size:20px}.project{grid-template-columns:1fr;margin-bottom:0;gap:0px}.project-content{order:0}.project-canvas{order:1;margin-bottom:50px}}#backToTopBtn{pointer-events:auto;font-size:25px;position:fixed;bottom:20px;right:20px;z-index:2;border:none;outline:none;background-color:#fff;color:var(--purple);cursor:pointer;border-radius:50%;width:50px;height:50px;justify-content:center;align-items:center;opacity:0;transition:opacity .5s ease-in-out}#backToTopBtn:hover{background-color:var(--purple);color:#fff}