@import "https://fonts.googleapis.com/css2?family=Codystar:wght@300;400&display=swap";
@import "https://fonts.googleapis.com/css2?family=Noto+Serif+Vithkuqi:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap";
@import "https://fonts.googleapis.com/css2?family=Comic+Neue&family=Gochi+Hand&display=swap";
@import "https://fonts.googleapis.com/css2?family=Comic+Neue&family=Gochi+Hand&family=Hanalei+Fill&display=swap";
.underscore{background-color:#fff;border-radius:5px;width:250px;height:10px;margin:0 10px}.title{color:#fff;margin-top:40px;font-family:Enriqueta;font-size:42px;font-weight:700}.titlediv{flex-direction:column;justify-content:center;align-items:center;height:15vh;display:flex}.mtitle{display:none}@media (max-width:767px){.underscore{width:160px}.title{display:none}.mtitle{color:#fff;margin-top:10px;font-family:Montserrat,sans-serif;font-size:30px;font-weight:900;display:block}}
.underscore4{background-color:#fff;border-radius:5px;width:130px;height:10px;margin:0 10px}.hidden{display:none!important}.skills{z-index:0;position:relative}.skillcards{box-sizing:border-box;background:#1e1e1e;border-radius:5px;justify-content:start;align-items:center;width:90%;height:60%;padding:10px;display:flex;overflow-x:auto}.skillcards::-webkit-scrollbar{background-color:#000;border-radius:10px;height:10px}.skillcards::-webkit-scrollbar-thumb{background-color:gray;border:1px solid #000;border-radius:5px}.skillstitle{flex-direction:row;justify-content:space-between;width:80%;margin-top:5%;display:flex}.skill{color:#fff;justify-content:center;align-items:center;height:50px;font-size:medium;font-weight:800;display:flex}.skill:hover{color:#abab32;cursor:pointer}.selectedskill{color:#ff0;justify-content:center;align-items:center;height:50px;font-size:medium;font-weight:800;display:flex}.cardz{color:#fff;background-color:#4c4c4c;border-radius:7px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:16%;height:70%;margin:1%;font-weight:700;display:flex}.mcardz{color:#fff;flex-direction:column;justify-content:center;align-items:center;margin:1.5rem 0;display:flex}.cardzimage{justify-content:center;align-items:center;height:6rem;display:flex;overflow:hidden}.mcardzimage{justify-content:center;align-items:center;display:flex;overflow:hidden}.loader{background-color:#000;border-radius:5px;flex-direction:row;justify-content:start;align-items:center;width:100%;height:5%;margin-top:.75rem;display:flex;overflow:hidden}.mloader{background-color:#000;border-radius:5px;flex-direction:row;justify-content:start;align-items:center;width:80%;height:5px;margin-top:.75rem;display:flex;overflow:hidden}.load{background-color:#fff;border-radius:5px;height:100%}.mskills{background-color:#3a3939;border:1px solid #fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:90%;display:none}.mskilltitle{color:#fff;margin:5px;font-family:Quattrocento;font-weight:700}.scontent{flex-direction:column;width:100%;display:none}@media (max-width:767px){.content{display:none!important}.scontent{justify-content:center;align-items:center;display:flex!important}.mskills{margin:5%;display:flex}}
.underscore5{background-color:#fff;border-radius:5px;width:260px;height:10px;margin:0 10px}.experience{z-index:0;position:relative;overflow:hidden}.expcards{box-sizing:border-box;border-radius:5px;align-items:center;width:90%;height:80%;padding:10px;display:flex;overflow:auto hidden}.expcards::-webkit-scrollbar{background-color:#000;border-radius:10px;height:10px}.expcards::-webkit-scrollbar-thumb{background-color:gray;border:1px solid #000;border-radius:5px}.needle{flex-direction:column;align-items:center;height:100%;display:flex}.line{z-index:1;background-color:#fff;border-radius:1px;width:1.5px;height:60%}.dot1{z-index:2;background-color:#ff0;border-radius:100%;width:10px;height:10px;position:relative;top:5px}.dot2{z-index:2;background-color:#ff0;border-radius:100%;width:10px;height:10px;position:relative;bottom:5px}.empty{height:40%}.midline{background-color:#fff;width:100%;height:1.5rem;position:relative;right:5px}.mmidline{background-color:#fff;width:1rem;height:20rem;position:relative;bottom:5px}.timeyear1{text-align:center;color:#fff;flex-direction:column;justify-content:flex-end;height:100%;font-family:Karla;font-size:2rem;font-weight:900;display:flex}.mtimeyear1{color:#fff;justify-content:end;align-items:center;width:100%;font-family:Karla;font-size:1rem;font-weight:900;display:flex}.mtimeyear2{color:#fff;justify-content:start;align-items:center;width:100%;font-family:Karla;font-size:1rem;font-weight:900;display:flex}.timeyear2{text-align:center;color:#fff;flex-direction:column;justify-content:flex-start;height:100%;font-family:Karla;font-size:2rem;font-weight:900;display:flex}.work1{color:#fff;flex-direction:column;justify-content:flex-end;padding:1rem 0 0 1rem;display:flex}.mwork1{color:#fff;flex-direction:column;justify-content:center;align-items:center;width:90%;padding-top:1rem;display:flex}.work2{color:#fff;flex-direction:column;justify-content:flex-start;width:100%;padding:0 0 0 1rem;display:flex}.mwork2{color:#fff;flex-direction:column;justify-content:center;align-items:center;width:90%;padding-top:1rem;display:flex}.worktitle{color:#fff;font-family:Karla;font-size:xx-large;font-weight:700}.mworktitle{color:#fff;text-align:center;font-family:Karla;font-size:medium;font-weight:700}.workdescription{color:#b7b7b7;width:90%;font-family:Karla;font-size:small;font-weight:500}.mworkdescription{color:#b7b7b7;text-align:center;font-family:Karla;font-size:small;font-weight:500}.expseg{flex-direction:row;flex:none;width:45%;height:90%;display:flex;position:relative}@media (max-width:1000px){.worktitle{font-size:large;font-weight:700}.workdescription{font-size:small;font-weight:300}.timeyear1,.timeyear2{font-size:1rem;font-weight:600}}@media (max-width:767px){.meteor{display:none!important}}.mtimeline{flex-direction:column;justify-content:center;align-items:center;margin-top:4rem;display:flex}.mexpseg{flex-direction:column;width:100%;display:flex}.mempty{width:30%}.mneedle{flex-direction:row;align-items:center;width:100%;display:flex}.mline{z-index:1;background-color:#fff;width:60%;height:2px}.mdot1{z-index:2;background-color:#ff0;border-radius:100%;width:10px;height:10px;position:relative;left:2px}.mdot2{z-index:2;background-color:#ff0;border-radius:100%;width:10px;height:10px;position:relative;right:2px}.end{background-color:#fff;width:90%;height:2px}
.projects-section{z-index:0;background:radial-gradient(60% 50% at 50% 42%,#7c3aed1a,#0000 70%),#1e1e1e;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.projects-content{flex:1;justify-content:center;align-items:center;width:100%;padding:0 1.5rem 1rem;display:flex}.projects-carousel{width:100%;max-width:1060px;padding:0 66px;position:relative}.carousel-viewport{padding:2.6rem 0;transition:height .5s cubic-bezier(.32,.72,.24,1);overflow:hidden}.carousel-track{will-change:transform;align-items:stretch;width:100%;transition:transform .55s cubic-bezier(.32,.72,.24,1);display:flex}.carousel-slide{box-sizing:border-box;flex:0 0 100%;justify-content:center;align-items:stretch;padding:0 10px;display:flex}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes glowPulse{0%{box-shadow:0 0 18px 3px #a855f780,0 0 55px 10px #a855f729}20%{box-shadow:0 0 18px 3px #6366f180,0 0 55px 10px #6366f129}40%{box-shadow:0 0 18px 3px #3b82f680,0 0 55px 10px #3b82f629}60%{box-shadow:0 0 18px 3px #06b6d480,0 0 55px 10px #06b6d429}80%{box-shadow:0 0 18px 3px #10b98180,0 0 55px 10px #10b98129}to{box-shadow:0 0 18px 3px #a855f780,0 0 55px 10px #a855f729}}.project-glow-wrapper{background:linear-gradient(270deg,#a855f7,#6366f1,#3b82f6,#06b6d4,#10b981,#a855f7) 0 0/400% 400%;border-radius:22px;width:100%;max-width:880px;padding:2px;animation:6s infinite gradientShift,6s infinite glowPulse}.project-card-inner{box-sizing:border-box;background:#0c0c14;border-radius:20px;flex-direction:row;align-items:center;gap:2.2rem;height:100%;min-height:420px;padding:30px 34px;display:flex}.project-card-info{flex-direction:column;flex:1;gap:.9rem;min-width:0;display:flex}.project-status-chip{letter-spacing:.08em;text-transform:uppercase;color:#6ee7b7;background:#10b9811a;border:1px solid #10b98159;border-radius:999px;align-self:flex-start;padding:4px 12px;font-family:Karla,sans-serif;font-size:.7rem;font-weight:700}.project-title-row{align-items:center;gap:13px;display:flex}.project-app-icon{border-radius:12px;box-shadow:0 4px 14px #00000073}.project-title{color:#fff;margin:0;font-family:Enriqueta,serif;font-size:2rem;font-weight:700;line-height:1.15}.project-description{color:#a5a5b4;margin:0;font-family:Karla,sans-serif;font-size:.92rem;line-height:1.7}.project-tech{flex-wrap:wrap;gap:.45rem;display:flex}.tech-badge{color:#c0c0ff;letter-spacing:.02em;background:#6366f11f;border:1px solid #6366f159;border-radius:20px;padding:3px 11px;font-family:Karla,sans-serif;font-size:.72rem;font-weight:600}.project-actions{align-items:center;gap:.8rem;margin-top:.3rem;display:flex}.playstore-btn{color:#fff;background:#000;border:1px solid #ffffff47;border-radius:10px;align-items:center;gap:10px;padding:7px 16px;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.playstore-btn:hover{color:#fff;border-color:#a855f7;text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 22px #a855f759}.ps-text{flex-direction:column;font-family:Karla,sans-serif;line-height:1.15;display:flex}.ps-text small{letter-spacing:.1em;color:#bebec8;font-size:.55rem}.ps-text strong{font-size:.95rem;font-weight:700}.github-btn{color:#aaaab9;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:color .2s,border-color .2s,transform .2s;display:flex}.github-btn:hover{color:#fff;border-color:#fff;transform:translateY(-2px)}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.project-card-visual{flex:none;justify-content:center;display:flex}.phone-frame{box-sizing:border-box;background:#241a12;border:2px solid #ffffff24;border-radius:30px;width:218px;height:448px;padding:10px;animation:6s ease-in-out infinite floaty;position:relative;box-shadow:0 24px 60px #0000008c}.phone-screen{background:#f8ecd9;border-radius:22px;width:100%;height:100%;position:relative;overflow:hidden}.phone-screenshot{object-fit:cover}.carousel-controls{justify-content:center;align-items:center;gap:1.1rem;margin-top:.4rem;display:flex}.carousel-arrow{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3;background:#ffffff0d;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:border-color .2s,background .2s;display:flex;position:absolute;top:calc(50% - 46px)}.carousel-arrow:hover{background:#a855f71f;border-color:#a855f7}.arrow-left{left:0}.arrow-right{right:0}.carousel-dots{align-items:center;gap:8px;display:flex}.carousel-dot{cursor:pointer;background:#ffffff38;border:none;border-radius:999px;width:9px;height:9px;padding:0;transition:all .25s}.carousel-dot.active{background:linear-gradient(90deg,#6366f1,#a855f7);width:26px}.underscore-proj{background-color:#fff;border-radius:5px;width:230px;height:10px;margin:0 10px}@media (max-width:767px){.projects-section{min-height:auto}.projects-content{padding:0 1rem 2rem}.projects-carousel{padding:0}.carousel-viewport{padding:1.6rem 0}.carousel-slide{padding:0 6px}.project-card-inner{flex-direction:column;gap:1.6rem;min-height:0;padding:24px 20px}.project-card-visual{width:100%}.phone-frame{width:192px;height:396px}.project-title{font-size:1.5rem}.carousel-arrow{width:40px;height:40px;position:static}}
.education{color:#fff;z-index:0;height:100vh;position:relative;overflow:hidden}.stars{z-index:-1;position:absolute;width:100%!important;height:100%!important}.design{justify-content:center;align-items:center;margin-top:1%;display:flex}.icon{color:#ff0}.underscore2{background-color:#fff;border-radius:5px;flex-grow:1;height:10px;margin:0 10px}.underscore3{background-color:#fff;border-radius:5px;width:10px;height:28%}.dot{background-color:#ff0;border-radius:100%;width:10px;height:10px}.content{flex-direction:column;justify-content:center;align-items:center;width:100%;height:85vh;display:flex!important}.mcontent{width:100%;max-width:fit-content;min-height:80vh;display:none}@media (max-width:767px){.content{display:none!important}.mcontent{justify-content:center;align-items:center;margin:0 7%;display:flex!important}.title{display:none}.mtitle{color:#fff;margin-top:10px;font-family:Montserrat,sans-serif;font-size:30px;font-weight:900;display:block}.underscore{width:160px}}.schools{justify-content:space-between;align-items:stretch;width:100%;display:flex}.year{text-align:center;margin-bottom:1rem;margin-left:2%;font-family:Karla;font-weight:900}.custom-col{float:left;box-sizing:border-box;width:12.5%;padding:0 15px}.mtext{align-items:center;margin-left:2%;font-size:small;display:flex}.mschools{flex-direction:column;justify-content:space-between;margin-left:1%;display:flex}.srivv{margin:20% 0}.timeline{flex-direction:column;justify-content:center;display:flex}.msname{margin-top:10px;font-family:Karla;font-size:small;font-weight:900}.mcontain{flex-direction:column;justify-content:center;align-items:center;margin-left:1%;display:flex}
.navbar{z-index:1000!important;color:#fff!important;background-color:#1e1e1e!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;width:100%!important;height:60px!important;padding:0!important;transition:top .3s!important;display:flex!important;position:fixed!important;top:0!important}.bsonly{justify-content:center;align-items:center;width:100%;height:60px;display:flex}.sonly{display:none}.navbar-toggler{color:#fff;display:none;position:fixed;top:0}.navbar.hidden{top:-60px!important}.menu{justify-content:center;align-items:center;width:100vw;padding-top:3px;display:flex}.menuitem{color:#fff;margin:0 30px;font-family:Karla;font-size:large;font-weight:700}.menuitem:hover{color:#ff0;cursor:pointer}@media (max-width:992px){.sonly{width:100%;height:100%;display:block}.navbar-toggler{height:40px;display:block}.bsonly{display:none}.navbar{height:40px}.menu{background-color:#1e1e1e;flex-direction:column;display:flex!important}.menuitem{margin:10px 0}.navbar.hidden{top:0!important}.menu.open{display:block}.menuitem{text-align:center;width:100%;padding-block:5px}.menu.close{display:none!important}}
.underscore6{background-color:#fff;border-radius:5px;width:260px;height:10px;margin:0 10px}.curve{background-color:#000;border-radius:0 0 100%;width:100%;height:100%}.contact{background-color:#313131;width:100%;height:100vh;position:sticky}.res{color:#fff;text-align:center;margin:0 0 1rem;font-family:Karla;font-size:x-large;font-weight:700}.view,.download{background-color:#464646;border-radius:10px;padding-block:.5rem;padding-inline:1rem;font-size:medium;font-weight:700}.social{color:#fff;flex-direction:column;width:70%;margin-top:0;font-size:x-large;font-weight:700;display:flex}.socialicon{object-fit:cover;background-color:#fff;border-radius:10px;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.socialicon:hover{background-color:#ffff76}.socialicon img{object-fit:contain;max-width:70%;max-height:70%}.copyright{color:#fff;font-size:11px;font-weight:300;position:absolute;bottom:0;height:fit-content!important}@media (max-width:767px){.socialicon{width:30px;height:30px}.underscore6{width:150px}.social{width:90%;margin-bottom:70px}}@media (min-width:768px) and (max-width:992px){.social{width:60%}.socialicon{width:50px;height:50px}}
.knowme{color:#fff;min-height:100vh;font-family:Permanent Marker,cursive}.lapview{color:#fff;background:#1e1e1e;height:100vh}.mview{color:#fff;background:#1e1e1e;height:auto;display:none}.comic1,.comic2,.comic5,.comic4,.comic3,.comic6{object-fit:cover}.hanalei{font-family:Hanalei Fill,system-ui;font-style:normal;font-weight:400}.gochi{font-family:Gochi Hand,cursive;font-style:normal;font-weight:400}.comic{font-family:Comic Neue,cursive;font-style:normal;font-weight:400}.alm{text-align:center;border:2px solid;border-radius:5px;width:100%;height:25%;font-size:xxx-large}.malm{text-align:center;border:2px solid;border-radius:5px;width:90%;font-size:x-large}.tborder{color:#1e1e1e;text-shadow:2px 0 #fff,-2px 0 #fff,0 2px #fff,0 -2px #fff,1px 1px #fff,-1px -1px #fff,-1px 1px #fff,1px -1px #fff}.col1{flex-direction:column;justify-content:space-between;width:30%;height:100%;padding:.5rem;display:flex}.row1{flex-direction:row;width:100%;height:100%;padding:.5rem;display:flex;overflow:hidden}.movies{border:2px solid #fff;border-radius:5px;flex-direction:column;width:75%;height:100%;display:flex;overflow:hidden}.mmovies{border:2px solid #fff;border-radius:5px;flex-direction:column;width:90%;margin-top:.5rem;display:flex}.comic2{width:100%;height:100%}.music{text-align:center;object-fit:cover;background-color:#000;border-radius:10px;width:100%;height:50%;margin-inline:.5rem;font-size:17px;overflow:hidden}.dialogue-container{width:100%}.mdialogue-container{width:90%;margin-top:.5rem}.dialogue-bubble{color:#000;text-align:center;background:#fff;border:2px solid #000;border-radius:15px;padding:15px;font-size:16px;line-height:1.4;position:relative}.dialogue-bubble:before{content:"";z-index:1;border:10px solid #0000;border-top-color:#000;border-bottom:0 solid #000;width:0;display:block;position:absolute;bottom:-13px;left:50px}.dialogue-bubble:after{content:"";z-index:2;border:10px solid #0000;border-top-color:#fff;border-bottom:0 solid #fff;width:0;display:block;position:absolute;bottom:-10px;left:52px}.mimagecontainer{border-radius:10px;width:90%;overflow:hidden}.imagecontainer{border-radius:10px;width:100%;overflow:hidden}.comic1{object-fit:contain;width:100%;height:100%}.travel{border:5px solid #4c4c4c;border-radius:5px}.mtravel{width:90%;margin-top:.5rem}.sports{color:#fff;text-align:center;background-color:#4c4c4c;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:25%;height:100%;margin-inline:.5rem;display:flex;overflow:hidden}.msports{color:#fff;text-align:center;margin-top:.5rem;background-color:#313131;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:90%;margin-inline:.5rem;display:flex;overflow:hidden}.fitness{text-align:center;color:#000;background-color:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:25%;height:100%;display:flex}.mfitness{text-align:center;color:#000;background-color:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:90%;margin-block:1rem;display:flex}.mmusic{text-align:center;object-fit:cover;background-color:#000;border-radius:10px;width:90%;margin-top:.5rem;padding:1rem;overflow:hidden}.home-page{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;height:100vh;font-family:BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:700;display:flex;position:relative}.home-page h1{margin-bottom:20px;font-size:48px}.home-page p{margin-bottom:20px;font-size:24px}.home-page button{cursor:pointer;color:#fff;background-color:#007bff;border:none;border-radius:5px;padding:10px 20px;font-size:20px;transition:background-color .3s}.home-page button:hover{background-color:#8894a0}@media (max-width:767px){.lapview{display:none}.mview{flex-direction:column;display:flex}}
.center{background:#000;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;overflow:hidden}.outro{z-index:4;background:#1e1e1e;border-radius:15px;width:40px;height:40px;position:absolute}.title-card{perspective:500px;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.dots{z-index:2;background:0 0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.dots:before{content:"";z-index:-1;background-image:radial-gradient(#ffffff80 .5mm,#0000 .5mm 1mm);background-position:50%;background-size:60px 60px;width:100%;height:100%;position:absolute}.starfont{margin-inline:1rem}.starfont p{text-align:center;color:#0300b9;font-family:codystar;font-size:140px;font-weight:500}.rowt,.rowlt{flex-direction:row;justify-content:center;align-items:center;width:100%;height:30%;display:flex}.rowmt{flex-direction:row;justify-content:center;align-items:center;width:100%;height:30%;display:none}.name{z-index:2;justify-content:center;align-items:center;height:150px;animation-fill-mode:both;display:flex;position:relative}.text{color:#ff0;text-shadow:5px 5px red;z-index:3;letter-spacing:10px;font-family:Noto Serif Vithkuqi;font-size:120px;font-weight:900}@keyframes introFade{0%{opacity:0}70%{opacity:1}to{opacity:0}}.introducing{color:#fff;opacity:0;background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Arial,sans-serif;font-size:48px;animation:4s linear forwards introFade;display:flex;position:absolute}@media (max-width:992px) and (min-width:768px){.blur1,.blur2{width:5%}.starfont{font-size:80px}}@media (max-width:767px){.blur1,.blur2{width:5%}.starfont{margin-inline:.3rem}.starfont p{font-size:45px;font-weight:900}.text{text-shadow:3px 3px red;font-size:80px}.rowmt{display:flex}.rowlt{display:none}}
.typing-container{font-family:monospace;display:inline-block}.typing-text{display:inline}.typing-cursor{animation:.75s step-start infinite blink;display:inline}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}