:root{--block:#0f0f11;--primary-color:#b2a7fb;--primary-color-h1:#beb5fc;--secondary-color:#16361d;--tertiary-color:#219b31;--background-color:#0d0c0d;--text-color:#858185;--hover-color:#c0b7fc;--primary-darker:#786ebb;--darker-button:#161515;--button-background:#1b191b;--button-text:#fff;--tag-background:#151515;--tag-text:#9693a8;--light-block-color:#dddff1;--light-primary-color:#7674f5;--light-background-color:#f7f7f7;--light-text-color:#333;--light-hover-color:#5f5bff;--light-button-background:#d1d8e9;--light-button-text:#202020}@font-face{font-display:swap;font-family:'Geist';font-style:normal;font-weight:500;src:url('./fonts/geist-v3-latin-ext-500.woff2') format('woff2'),}@font-face{font-display:swap;font-family:'Geist';font-style:normal;font-weight:700;src:url('./fonts/geist-v3-latin-ext-700.woff2') format('woff2'),}.dark-theme{background-color:var(--background-color);color:var(--text-color)}.light-theme{background-image:linear-gradient( to right bottom, #e0eaf3, #dbe7f3, #d7e4f3, #d3e1f3, #cfdef3 );color:var(--light-text-color)}.light-theme .block{background-image:linear-gradient( to right bottom, #e0eaf3, #dfeaf5, #dfeaf7, #deeaf9, #deeafb )}.light-theme .tag{background-color:var(--light-button-background);color:var(--light-button-text)}.light-theme .tag i{color:var(--light-primary-color)}.light-theme .block h1{color:var(--light-button-text)}.light-theme .block h1 i{color:var(--light-primary-color)}.light-theme .block-3 .itemLeft{background-color:#fff0;color:var(--light-primary-color)}.light-theme .block-3 .itemRight{background-color:#fff0;color:var(--light-primary-color)}.light-theme .con-tooltip{background-color:var(--light-button-background);color:var(--light-primary-color)}.light-theme .con-tooltip .bottom-block{background-color:var(--light-button-background)}.light-theme .bottom-block i{color:var(--light-primary-color)}.light-theme .resume{background-color:var(--light-block-color)}.light-theme .social-link{color:var(--button-background)}.light-theme .counters h3{color:var(--light-text-color)}.light-theme .counter h3{color:var(--light-text-color)}.light-theme .counter i{color:var(--light-primary-color)}.light-theme .plus{color:var(--light-primary-color)}.light-theme .resume-title{color:var(--light-primary-color)}.light-theme .resume-description{font-weight:700}.light-theme .block-5::before{background:none}.light-theme .available-for-work{background-color:var(--light-block-color)}.theme-toggle-button{padding:10px 20px;font-size:16px;cursor:pointer;margin-top:20px;background-color:var(--button-background);color:var(--button-text);border:none;border-radius:5px}.theme-toggle-button:hover{background-color:var(--light-hover-color)}.theme-toggle-button i{font-size:24px;color:var(--button-text)}a{color:inherit;text-decoration:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Geist", sans-serif;background-color:var(--background-color);display:flex;justify-content:center;align-items:flex-start;min-height:100vh;position:relative;transition:background-color 0.3s, color 0.3s}.container{display:flex;justify-content:space-between;align-items:flex-start;width:100%;max-width:3000px;gap:15px;padding:30px;position:relative}@media (max-width: 768px){.container{padding:10px}}.column{display:flex;flex-direction:column;justify-content:space-between;flex:1 1 30%;gap:18px}.column-wide{flex:1 1 40%}.block{background-color:var(--block);color:var(--primary-color);border-radius:10px;text-align:left;font-size:30px;padding:25px;box-sizing:border-box;border:1px solid #222;position:relative}.block-1{height:358px}.block-2{height:280px}.block-3{height:325px}.block-4{height:295px}.block-4-5{height:200px}.block-5{height:420px;position:relative;background-color:var(--block);color:var(--primary-color);border-radius:10px;padding:25px;box-sizing:border-box;border:1px solid #222;overflow:hidden}.block-5::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to top, rgb(0 0 0 / 0.5), rgb(0 0 0 / 0.096));z-index:1}.block-6{height:250px}.header{display:flex;align-items:center;gap:15px}.photo{width:100px;height:100px;object-fit:cover;border-radius:10px}@media (max-width: 768px){.available-for-work{font-size:12px}}.text-content{display:flex;flex-direction:column}.text-content h1{font-size:30px;color:var(--primary-color-h1)}.sub{display:flex;justify-content:space-between}.subheading{font-size:17px;color:var(--text-color);margin-top:8px;font-weight:700}.type{font-weight:700;color:var(--primary-darker);margin-top:calc(8px + 0.2%);font-size:17px;display:inline-block;transform:translateX(3px) translateY(-1px)}@media (max-width: 768px){.sub,.subheading,.type{display:none}}.type > span{display:grid;overflow:hidden;height:25px}.type span span{width:0;max-width:max-content;overflow:hidden;height:inherit;word-break:break-all;animation:c 0.5s infinite steps(1), t 3s linear infinite alternate, m 18s steps(3) infinite}.type span span:before{content:" ";display:inline-block}@keyframes t{100%,90%{width:100%}}@keyframes c{0%,100%{box-shadow:4px 0 0 var(--block)}50%{box-shadow:4px 0 0 var(--primary-color)}}@keyframes m{100%{transform:translateY(-300%)}}.tags{display:flex;gap:10px;margin-top:25px;margin-bottom:10px;margin-left:8px}.tag{background-color:var(--tag-background);color:var(--tag-text);font-weight:700;padding:8px 15px;border-radius:10px;font-size:14px;text-align:center;cursor:pointer;transition:transform 0.2s ease}.tag:hover{transform:scale(1.05)}.tag svg{width:20px;height:20px;color:var(--primary-color);margin-right:4px}.tags2{margin-left:8px;display:flex;gap:10px;margin-top:7px}@media (max-width: 768px){.tag svg{width:14px;height:14px}.tags,.tags2{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;gap:3px}.tags .tag,.tags2 .tag{flex:1;text-align:left;margin:3px 0;font-size:13px}.tags .tag:first-child,.tags2 .tag:first-child{margin-right:3px}.tags .tag:last-child,.tags2 .tag:last-child{margin-left:3px}}.buttons{display:flex;justify-content:space-between;gap:12px;margin-top:38px}.button{background-color:var(--primary-color);color:#000;border:none;border-radius:10px;padding:10px 30px;font-size:15px;cursor:pointer;width:50%;transition:background-color 0.3s ease;display:flex;align-items:center;justify-content:center}.button svg{width:1.5em;height:1.5em;margin-right:10px}.button:hover{background-color:var(--hover-color)}.button2{background-color:var(--button-background);color:var(--button-text);border:none;border-radius:10px;padding:10px 30px;font-size:15px;cursor:pointer;width:50%;transition:background-color 0.3s ease;display:flex;align-items:center;justify-content:center}.button2 svg{width:1.5em;height:1.5em;margin-right:10px}.button2:hover{background-color:#2c2a2c}@media (max-width: 768px){.container{flex-direction:column;gap:20px}.column{width:100%}.block{height:auto}.photo{width:80px;height:80px}.button{font-size:14px}.button2{font-size:14px}.block-5 .counter{gap:50px}.block-5 .counter h3{font-size:18px}.block-5 .counters h3{font-size:40px}.plus{font-size:30px}}*{margin:0}.block-3 h1{display:flex;align-items:center;gap:8px;color:var(--button-text);font-size:27px;font-weight:500}.block-3 h2{margin-top:5px;font-size:15px;font-weight:500;color:var(--text-color)}.block-3 h1 svg{color:var(--primary-color);width:1.1em;height:1.1em}@media (max-width: 768px){.block-3 h1{font-size:23px}.block-3 h2{font-size:12px}}.wrapper{margin-top:2rem;width:90%;max-width:1536px;margin-inline:auto;height:80px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient( to right, #fff0, rgb(0 0 0) 20%, rgb(0 0 0) 80%, #fff0 );mask-image:linear-gradient( to right, #fff0, rgb(0 0 0) 20%, rgb(0 0 0) 80%, #fff0 )}.itemLeft,.itemRight{width:60px;height:60px;font-size:50px;background-color:#fff0;border:0 solid var(--primary-color);border-radius:6px;position:absolute;animation-timing-function:linear;animation-duration:30s;animation-iteration-count:infinite;animation-play-state:running;display:flex;justify-content:center;align-items:center}.itemLeft [class^="item"] svg,.itemRight [class^="item"] svg{color:var(--primary-color)}.itemLeft{left:max(calc(100px * 6), 100%);animation-name:scrollLeft}.itemRight{right:max(calc(100px * 6), calc(100% + 100px));animation-name:scrollRight}.item1{animation-delay:calc(30s / 6 * (6 - 1) * -1)}.item2{animation-delay:calc(30s / 6 * (6 - 2) * -1)}.item3{animation-delay:calc(30s / 6 * (6 - 3) * -1)}.item4{animation-delay:calc(30s / 6 * (6 - 4) * -1)}.item5{animation-delay:calc(30s / 6 * (6 - 5) * -1)}.item6{animation-delay:calc(30s / 6 * (6 - 6) * -1)}@keyframes scrollLeft{to{left:-100px}}@keyframes scrollRight{to{right:-100px}}.wrapper:hover .itemLeft,.wrapper:hover .itemRight{animation-play-state:paused}.block-5 h1{position:relative;display:flex;align-items:center;gap:8px;color:var(--button-text);font-size:27px;font-weight:500}.block-5 h2{margin-top:5px;font-size:15px;font-weight:500;color:var(--text-color)}.block-5 h1 svg{color:var(--primary-color);width:1.1em;height:1.1em}@media (max-width: 768px){.block-5 h1{font-size:23px}.block-5 h2{font-size:12px}}.counters{display:flex;justify-content:center;gap:100px}@media (max-width: 768px){.counters{gap:50px}}.count{display:flex;align-items:center;font-size:40px}.counters h3{margin:0 0 0 10px;color:var(--button-text)}.plus{margin-left:0;color:var(--primary-color);font-weight:bolder;text-shadow:0 0 3px var(--primary-color)}.counter{margin-left:10px;display:flex;justify-content:center;gap:40px;font-size:22px}@media (max-width: 768px){.counter{margin-left:55px;font-size:33px}}.count2{display:flex;align-items:center}.counter h3{margin:0;color:#bfbfbf}@media (max-width: 768px){.counter h3{display:none}}.counter svg{margin-right:5px;color:var(--primary-color);width:20px;height:20px}@media (max-width: 768px){.counter svg{margin-right:33px;width:25px;height:25px}}.projects{z-index:0;margin-top:2rem;width:99%;max-width:1920px;margin-inline:auto;height:100px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient( to right, #fff0, rgb(0 0 0) 10%, rgb(0 0 0) 90%, #fff0 );mask-image:linear-gradient( to right, #fff0, rgb(0 0 0) 10%, rgb(0 0 0) 90%, #fff0 )}@media (max-width: 768px){.projects{width:100%}}@keyframes scrollLeft{to{left:-200px}}@keyframes scrollRight{to{right:-200px}}.itemRight2{width:200px;height:100px;background-color:var(--primary-color);border-radius:6px;position:absolute;animation-timing-function:linear;animation-duration:30s;animation-iteration-count:infinite}.itemRight2{right:max(calc(200px * 6), calc(100% + 200px));animation-name:scrollRight;background-size:cover;background-position:center}.item21{background-image:url("./images/projects/2-cover.webp");animation-delay:calc(-30s / 6 * 0)}.item22{background-image:url("./images/projects/1-cover.webp");animation-delay:calc(-30s / 6 * 1)}.item23{background-image:url("./images/projects/2-cover.webp");animation-delay:calc(-30s / 6 * 2)}.item24{background-image:url("./images/projects/1-cover.webp");animation-delay:calc(-30s / 6 * 3)}.item25{background-image:url("./images/projects/2-cover.webp");animation-delay:calc(-30s / 6 * 4)}.item26{background-image:url("./images/projects/1-cover.webp");animation-delay:calc(-30s / 6 * 5)}.pbutton{position:relative;z-index:2;background-color:var(--primary-color);color:#000;border:none;border-radius:10px;padding:10px;font-size:15px;cursor:pointer;width:49%;transition:background-color 0.3s ease;display:flex;align-items:center;justify-content:center;margin:-10px auto 0}.pbutton svg{width:1.5em;height:1.5em;margin-right:10px}.pbutton:hover{background-color:var(--hover-color)}a{text-decoration:none}.block-2 h1{display:flex;align-items:center;gap:8px;color:var(--button-text);font-size:27px;font-weight:500}.block-2 h2{margin-top:5px;font-size:15px;font-weight:500;color:var(--text-color);margin-bottom:15px}.block-2 h1 .fa-solid{margin-top:5px;font-size:13px}.block-2 h1 svg{color:var(--primary-color);width:1.1em;height:1.1em}@media (max-width: 768px){.block-2 h1{font-size:23px}.block-2 h2{font-size:12px}}.level-container{display:flex;justify-content:center;margin-top:50px}.info-button{display:flex;font-size:50px;cursor:pointer;position:relative}.tooltip{display:none;position:absolute;top:-150px;left:50px;background-color:rgb(24 24 29 / 0.8);color:#fff;padding:15px;border-radius:8px;width:300px;text-align:left;font-size:14px;box-shadow:0 5px 10px rgb(0 0 0 / 0.3);z-index:10}@media (max-width: 768px){.tooltip{top:50px;left:-100px}}.info-button:hover .tooltip{display:block}.con-tooltip{position:relative;background:#161515;border-radius:10px;padding:0 25px;margin:15px 2px 2px;display:inline-flex;align-items:center;justify-content:center;transition:all 0.3s ease-in-out;cursor:default}.top:hover{transform:translateY(-6px)}.con-tooltip .bottom-block{position:absolute;bottom:0;width:100%;height:40px;background:var(--darker-button);border-radius:10px;display:flex;justify-content:flex-start;align-items:center;margin-left:5px;gap:10px;z-index:2;opacity:0;visibility:hidden;transition:all 0.3s ease-in-out}.con-tooltip:hover{transform:translateY(-5px)}@media (max-width: 768px){.con-tooltip{font-size:30px}.con-tooltip:hover{transform:none}}.con-tooltip:hover .bottom-block{opacity:1;visibility:visible;z-index:2}.con-tooltip svg{width:30px;height:30px;margin-top:8px}.bottom-block svg{width:18px;height:18px;color:var(--button-text);transition:transform 0.2s ease-in-out}.bottom-block i:hover{transform:scale(1.25)}@media (max-width: 768px){.con-tooltip{padding:0 25px;margin-top:25px}.bottom-block{height:30px}.bottom-block svg{width:16px;height:16px}}@media (max-width: 480px){.con-tooltip{padding:0 10px;margin-top:10px}.bottom-block{height:25px}.bottom-block svg{width:14px;height:14px}}.block-4 h1{display:flex;align-items:center;gap:8px;color:var(--button-text);font-size:27px;font-weight:500}.block-4 h2{margin-top:5px;font-size:15px;font-weight:500;color:var(--text-color)}.block-4 h1 svg{color:var(--primary-color);width:1.1em;height:1.1em}@media (max-width: 768px){.block-4 h1{font-size:23px}.block-4 h2{font-size:12px}}.blog-container{display:flex;justify-content:space-between;gap:40px;margin-top:30px;-webkit-mask-image:linear-gradient( to bottom, rgb(0 0 0) 20%, rgb(0 0 0) 60%, #fff0 );mask-image:linear-gradient(to bottom, rgb(0 0 0) 20%, rgb(0 0 0) 60%, #fff0)}.blogi-wrapper{position:relative;width:48%;padding-top:25%;overflow:hidden;border-radius:10px}.blogi{position:absolute;top:0;width:100%;height:100%;object-fit:cover;border-radius:8px;box-shadow:0 4px 8px rgb(0 0 0 / 0.1)}.blogi-info{position:absolute;bottom:5px;left:5px;right:130px;color:var(--button-text);background-color:rgb(0 0 0 / 0.6);padding:10px;border-radius:10px;display:flex;flex-direction:column;gap:5px;max-width:90%}@media (max-width: 768px){.blogi-info{opacity:0}}.btag{font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:1px}.blatest{color:var(--primary-darker)}.brecent{color:var(--primary-darker)}.bdate{font-size:12px;color:#ddd;font-style:italic}.bbutton{position:relative;z-index:2;background-color:var(--primary-color);color:#000;border:none;border-radius:10px;padding:10px;font-size:15px;cursor:pointer;width:49%;transition:background-color 0.3s ease;display:flex;align-items:center;justify-content:center;margin:-10px auto 0}.bbutton svg{width:1.5em;height:1.5em;margin-right:10px}.bbutton:hover{background-color:var(--hover-color)}.block-6 h1{display:flex;align-items:center;gap:8px;color:var(--button-text);font-size:27px;font-weight:500}.block-6 h2{margin-top:5px;font-size:15px;font-weight:500;color:var(--text-color)}.block-6 h1 svg{color:var(--primary-color);width:1.1em;height:1.1em}@media (max-width: 768px){.block-6 h1{font-size:23px}.block-6 h2{font-size:12px}}.resumes{margin:40px auto 0}.resume{width:100%;height:80px;background-color:var(--block);margin:15px auto 0;border:1px solid #222;border-radius:10px;display:flex;align-items:center;padding:0 15px;box-sizing:border-box}.resume-content{display:flex;width:100%;align-items:center}.resume-img{width:50px;height:50px;margin-left:5px;margin-right:20px;transition:transform 0.5s ease}.resume:hover .resume-img{transform:scale(1.1)}.text-content{display:flex;flex-direction:column}.resume-title{font-size:16px;font-weight:700;color:var(--primary-color);margin-bottom:5px}.resume-description{font-size:14px;color:var(--text-color)}@media (max-width: 768px){.resume{height:auto;padding:15px}.resume-content{align-items:flex-start}.resume-img{width:45px;height:45px;margin-right:15px;margin-top:5px}.text-content{align-items:flex-start}.resume-title{font-size:14px}.resume-description{font-size:12px}}.about{margin:2px auto;color:var(--tag-text);font-size:13px}.about + .about{margin-top:-20px}.heart{color:red}.creator{color:var(--primary-color);font-weight:700;text-shadow:0 0 20px #fff0}.block-4-5 h1{display:flex;align-items:center;gap:8px;color:var(--button-text);font-size:27px;font-weight:500}.block-4-5 h2{margin-top:5px;font-size:15px;font-weight:500;color:var(--text-color)}.block-4-5 h1 svg{color:var(--primary-color);width:1.1em;height:1.1em}@media (max-width: 768px){.block-4-5 h1{font-size:23px}.block-4-5 h2{font-size:12px}}.social-links{display:flex;justify-content:left;flex-wrap:wrap;margin-top:20px}.social-link{position:relative;display:flex;justify-content:center;align-items:center;text-decoration:none;color:var(--button-text);width:50px;height:50px;border-radius:10px;transition:all 0.4s ease;margin:5px}.social-link svg{width:30px;height:30px;transition:0.3s ease;fill:currentColor}.social-link span{display:none}.social-link:hover svg{color:var(--primary-color);transform:scale(0.96)}.social-link:hover span{display:none}@media (max-width: 768px){.social-link{width:60px;height:60px}.social-link svg{width:25px;height:25px}.social-link span{font-size:12px;padding:8px}.block-4-5 h1{font-size:23px}.block-4-5 h2{font-size:12px}}