@import "https://fonts.googleapis.com/css2?family=Momo+Signature&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_2ae47f08-module__h69qWW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_2ae47f08-module__h69qWW__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_eb58308d-module__w_p2Lq__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_eb58308d-module__w_p2Lq__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
:root{--background:#fff;--foreground:#171717;--accent:#58a6ff;transition:--accent .3s}:root[data-accent=blue]{--accent:#58a6ff}:root[data-accent=red]{--accent:#ef4444}:root[data-accent=green]{--accent:#22c55e}:root[data-accent=yellow]{--accent:#eab308}:root[data-accent=purple]{--accent:#a855f7}:root[data-accent=pink]{--accent:#ec4899}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}html,body{max-width:100vw;overflow-x:hidden}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.accent{color:var(--accent);transition:color .3s}.small-text{opacity:.7;font-size:.9rem}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.nav{z-index:1000;display:flex;position:fixed;top:20px;left:20px}.nav a{color:#cfcfe8;z-index:2;padding:10px 18px;font-weight:500;text-decoration:none;position:relative}.nav a:hover{color:#fff}.pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1;background:#6d7cff2e;border-radius:999px;height:40px;transition:left .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset 0 0 0 1px #ffffff1f,0 10px 30px #6d7cff59}.control-panel{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1;cursor:pointer;color:#a7a7aa;background:#6d7cff2e;border-radius:999px;justify-content:center;align-items:center;gap:18px;width:44px;height:44px;padding:0;transition:width .5s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:70px;left:20px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f,0 10px 30px #6d7cff59}.control-panel .settings-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.control-panel:hover .settings-icon{display:none}.control-panel:hover .accent-wrapper{margin:0 15px;display:flex}.control-panel:hover{width:250px}.accent-wrapper{gap:10px;display:none}.accent-dot{cursor:pointer;border:2px solid #fff;border-radius:50%;width:28px;height:28px;transition:transform .2s}.accent-dot:hover{transform:scale(1.1)}.accent-dot:active{transform:scale(.95)}.accent-blue{background:#3b82f6}.accent-red{background:#ef4444}.accent-green{background:#22c55e}.accent-yellow{background:#eab308}.accent-purple{background:#8b5cf6}.accent-pink{background:#ec4899}.menu:hover{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:170px}.item{opacity:0;color:#4a5669;font-weight:500;text-decoration:none;transition:opacity .35s 50ms,transform .35s;transform:translateY(6px)}.menu:hover .item{opacity:1;transform:translateY(0)}.logo{color:#4a5669;font-family:Momo Signature,cursive;font-size:18px;transition:transform .35s}.menu:hover .logo{transform:scale(1.05)}.welcome-screen{width:100vw;height:100vh;position:relative}.welcome-screen .scroll-message{color:#fff;background-color:#0c0c0c;border:3px solid #00000042;border-radius:5px;align-items:center;gap:8px;padding:10px 15px;font-size:16px;font-weight:500;display:flex;position:absolute;top:20px;right:30px}.container{background-image:radial-gradient(#58a6ff5d 1px,#0000 1px);background-size:20px 20px;width:100%;height:fit-content;transition:background .3s;position:relative}.container.black{background-color:#000}.container.white{background-color:#fff3e0}.welcome{color:#fff;font-family:Momo Signature,cursive;font-size:5rem;font-weight:900;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.about{color:#000;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100vw;height:100vh;display:flex}.cards{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.title{opacity:0;font-family:Momo Signature,cursive;font-size:4rem;font-weight:900;transition:transform 1.5s,opacity 1.5s,color .3s;transform:translateY(-100px)}.show-title{opacity:1;transform:translateY(0)}.card{text-align:center;background-color:#0000;border:1px solid #ccc;border-radius:8px;gap:10px;max-width:400px;margin:1rem;padding:1rem;display:grid;box-shadow:0 4px 6px #0000001a}.hidden{display:none}.markers{gap:5px;display:flex}.living-marker{color:#fff;background-color:#00000098;border:1px solid #0a0a0a;border-radius:50px;align-items:center;gap:8px;padding:10px 15px;font-size:14px;display:flex}.living-marker .green-dot{background-color:#4caf50;border:2px solid #7dcf7f;border-radius:50%;width:10px;height:10px;margin-right:5px;animation:1s infinite pulse;display:inline-block}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:768px){.welcome{text-align:center;padding:0 20px;font-size:1.5rem}.welcome-screen{height:120vh;padding:100px 0}.about{height:fit-content;padding:30px 20px}.about .title{text-align:center;font-size:3rem;transform:translateY(-50px)}.markers{flex-direction:column;align-items:center}.markers .living-marker{width:fit-content}}.col{width:50%}#vertical{width:100vw;height:fit-content}.vertical__content{color:#000;justify-content:center;align-items:flex-start;gap:100px;display:flex}.vertical__content .col_left{width:fit-content;height:100%}.vertical__content .col.col_right{width:40%}.vertical__item{max-width:550px}.vertical__item p{font-size:46px}.vertical__item:not(:last-child){margin-bottom:240px}.fake-section{width:100vw;height:100vh}.col_left h2{border-right:4px solid #0a0a0a;border-radius:20px;padding-right:40px;font-family:Momo Signature,cursive;font-size:48px}.col_left h2 span{display:block}.above-text{display:inline;position:relative}.above-text span{white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:16px;position:absolute;top:-15px;left:50%;transform:translate(-50%)}@media (max-width:768px){.vertical__content{flex-direction:column;align-items:center;gap:50px;padding:0 20px}.vertical__content .col{width:100%}.col_left{justify-content:center;align-items:center;display:flex}.vertical__content .col_left h2{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:4px solid #0a0a0a;border-right:none;width:fit-content;padding:10px 10px 20px;font-size:32px}.vertical__content .col.col_right{text-align:center;width:100%}.vertical__item p{font-size:28px}.vertical__item:not(:last-child){margin-bottom:120px}}.projects{color:#fff;flex-direction:column;justify-content:center;align-items:center;height:fit-content;padding-top:3rem;display:flex}.projects .project{text-transform:uppercase;color:#2b2d31;cursor:pointer;z-index:1;justify-content:space-between;align-items:center;width:40%;margin:10px 0;padding:20px 0;font-size:36px;font-weight:900;transition:color .3s;display:flex}.project span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0000;border-radius:4px;padding:5px 10px}.projects .project:hover{color:#fff}.projects .project:not(:last-child){border-bottom:1px solid #444242;padding-bottom:20px}.demo-img{pointer-events:none;opacity:0;z-index:-1;background-position:50%;background-size:cover;border-radius:10px;width:250px;height:150px;transition:opacity .2s;position:fixed;transform:translate(-50%,-50%)}.project:first-of-type .demo-img{background-image:url(/oldportfolio.png)}.project:nth-of-type(2) .demo-img{background-image:url(/berisha-al.png)}.project:nth-of-type(3) .demo-img{background-image:url(/mpdplayer.png)}.demo-img.visible{opacity:1}.project .project-desc{-webkit-backdrop-filter:blur();backdrop-filter:blur();color:#a89e9e;text-transform:lowercase;opacity:0;font-size:18px;font-weight:400;transition:opacity .3s}.project:hover .project-desc{opacity:1}@media screen and (max-width:768px){.projects .project{flex-direction:column;width:80%;font-size:24px}.demo-img{width:200px;height:120px}}.skip-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;z-index:999;opacity:0;background:#000000bf;border-radius:10px;padding:12px 18px;font-size:15px;transition:all .5s ease-in-out;position:fixed;bottom:20px;right:20px}.skip-panel.visible{opacity:1}.skip-panel button{cursor:pointer;background:#3b3939;border:none;border-radius:6px;margin-left:10px;padding:5px 12px}.project-info{text-align:center;color:#fff;background-color:#171717;justify-content:center;align-items:center;width:100vw;height:100vh;padding:40px;font-size:32px;display:flex}.big-project{gap:20px;margin-bottom:40px;display:flex}.big-project .project-image img{object-fit:cover;border-radius:10px;width:450px;height:230px}.big-project .project-text{border-left:1px var(--accent)solid;flex-direction:column;gap:10px;max-width:400px;padding-left:20px;display:flex}.project-text h2{color:var(--accent)}.project-text p{color:#b8b6b6}.skills{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.skills span{background-color:#181818;border:3px solid #4d4b4b21;border-radius:6px;padding:5px 10px;font-size:14px}