@import url("https://fonts.googleapis.com/css2?family=Codystar:wght@300;400&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+Vithkuqi:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap");@import url("https://fonts.googleapis.com/css2?family=Comic+Neue&family=Gochi+Hand&display=swap");@import url("https://fonts.googleapis.com/css2?family=Comic+Neue&family=Gochi+Hand&family=Hanalei+Fill&display=swap");body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:#1e1e1e;width:100%}html{scroll-behavior:smooth!important}.home,.knowme{overflow:hidden}.home{height:100%;width:100%}@media (min-width:768px){.classsec{-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll;scroll-snap-type:y mandatory;height:100vh}.classsec::-webkit-scrollbar{display:none}section{scroll-snap-align:start}}.intro{overflow:hidden;display:flex;align-items:center;justify-content:space-between;height:100vh;position:relative}.space-background{position:absolute;z-index:0;height:100vh;width:100vw}.introContent{height:100%;display:flex;flex-direction:column;justify-content:space-around;padding:1rem 0 0 2rem;z-index:3;background-color:transparent}.imageContainer{height:100%;display:flex;justify-content:center;align-items:center;width:50%;z-index:0}.parah1{display:flex;flex-direction:column;color:#fff;font-weight:900;font-size:5rem}.parah2{color:#fff;font-weight:700;font-size:3rem}.parah3{color:#fff;font-weight:600;font-size:1.5rem;padding-bottom:2rem}.yellow{color:#ff0}.image{height:120%;width:120%;object-fit:cover;position:relative;left:10%;overflow:visible;z-index:3}@media (max-width:767px){.parah1{font-weight:900;font-size:3rem}.parah2{font-size:2rem}.parah2,.parah3{font-weight:700;text-shadow:2px 0 #000,-2px 0 #000,0 2px #000,0 -2px #000,2px 2px #000,-2px -2px #000,-2px 2px #000,2px -2px #000}.parah3{font-size:.8rem}.introContent{padding:1rem}.intro{margin-top:40px;height:calc(100vh - 40px)}}.underscore{background-color:#fff;height:10px;width:250px;margin:0 10px;border-radius:5px}.title{color:#fff;font-size:42px;font-weight:700;font-family:Enriqueta;margin-top:40px}.titlediv{display:flex;justify-content:center;align-items:center;flex-direction:column;height:15vh}.mtitle{display:none}@media (max-width:767px){.underscore{width:160px}.title{display:none}.mtitle{display:block;color:#fff;font-size:30px;font-weight:900;font-family:Montserrat,sans-serif;margin-top:10px}}.underscore4{width:130px;background-color:#fff;height:10px;margin:0 10px;border-radius:5px}.hidden{display:none!important}.skills{position:relative;z-index:0}.skillcards{height:60%;width:90%;align-items:center;justify-content:start;display:flex;border-radius:5px;overflow-x:auto;background:#1e1e1e;padding:10px;box-sizing:border-box}.skillcards::-webkit-scrollbar{background-color:#000;height:10px;border-radius:10px}.skillcards::-webkit-scrollbar-thumb{border:1px solid #000;background-color:gray;border-radius:5px}.skillstitle{display:flex;width:80%;flex-direction:row;justify-content:space-between;margin-top:5%}.skill{font-size:medium;font-weight:800;height:50px;display:flex;justify-content:center;align-items:center;color:#fff}.skill:hover{color:#abab32;cursor:pointer}.selectedskill{font-size:medium;font-weight:800;color:#ff0;height:50px;display:flex;justify-content:center;align-items:center}.cardz{height:70%;width:16%;background-color:#4c4c4c;margin:1%;flex:0 0 auto;border-radius:7px;font-weight:700}.cardz,.mcardz{color:#fff;justify-content:center;align-items:center;display:flex;flex-direction:column}.mcardz{margin:1.5rem 0}.cardzimage{height:6rem}.cardzimage,.mcardzimage{display:flex;justify-content:center;align-items:center;overflow:hidden}.loader{width:100%;height:5%}.loader,.mloader{background-color:#000;border-radius:5px;margin-top:.75rem;display:flex;flex-direction:row;justify-content:start;align-items:center;overflow:hidden}.mloader{width:80%;height:5px}.load{background-color:#fff;border-radius:5px;height:100%}.mskills{display:none;justify-content:center;align-items:center;flex-direction:column;width:90%;border:1px solid #fff;border-radius:20px;background-color:#3a3939}.mskilltitle{font-weight:700;margin:5px;color:#fff;font-family:Quattrocento}.scontent{width:100%;display:none;flex-direction:column}@media (max-width:767px){.content{display:none!important}.scontent{display:flex!important;justify-content:center;align-items:center}.mskills{display:flex;margin:5%}}.underscore5{width:260px;background-color:#fff;height:10px;margin:0 10px;border-radius:5px}.experience{overflow:hidden;position:relative;z-index:0}.expcards{height:80%;width:90%;align-items:center;display:flex;border-radius:5px;overflow-x:auto;overflow-y:hidden;padding:10px;box-sizing:border-box}.expcards::-webkit-scrollbar{background-color:#000;height:10px;border-radius:10px}.expcards::-webkit-scrollbar-thumb{border:1px solid #000;background-color:gray;border-radius:5px}.needle{height:100%;display:flex;flex-direction:column;align-items:center}.line{height:60%;width:1.5px;background-color:#fff;border-radius:1px;z-index:1}.dot1{top:5px}.dot1,.dot2{background-color:#ff0;border-radius:100%;height:10px;width:10px;position:relative;z-index:2}.dot2{bottom:5px}.empty{height:40%}.midline{width:100%;height:1.5rem;right:5px}.midline,.mmidline{position:relative;background-color:#fff}.mmidline{width:1rem;height:20rem;bottom:5px}.timeyear1{height:100%;display:flex;justify-content:flex-end;flex-direction:column;text-align:center;font-size:2rem;font-family:Karla;font-weight:900;color:#fff}.mtimeyear1{justify-content:end}.mtimeyear1,.mtimeyear2{display:flex;align-items:center;width:100%;font-size:1rem;font-weight:900;font-family:Karla;color:#fff}.mtimeyear2{justify-content:start}.timeyear2{height:100%;justify-content:flex-start;text-align:center;font-size:2rem;font-weight:900;font-family:Karla}.timeyear2,.work1{display:flex;flex-direction:column;color:#fff}.work1{justify-content:flex-end;padding:1rem 0 0 1rem}.mwork1{justify-content:center;align-items:center;padding-top:1rem;width:90%}.mwork1,.work2{display:flex;flex-direction:column;color:#fff}.work2{justify-content:flex-start;width:100%;padding:0 0 0 1rem}.mwork2{display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;padding-top:1rem;width:90%}.worktitle{font-size:xx-large}.mworktitle,.worktitle{font-weight:700;font-family:Karla;color:#fff}.mworktitle{font-size:medium;text-align:center}.workdescription{width:90%}.mworkdescription,.workdescription{color:#b7b7b7;font-weight:500;font-family:Karla;font-size:small}.mworkdescription{text-align:center}.expseg{height:90%;width:45%;display:flex;flex-direction:row;flex:0 0 auto;position:relative}@media (max-width:1000px){.worktitle{font-size:large;font-weight:700}.workdescription{font-weight:300;font-size:small}.timeyear1,.timeyear2{font-size:1rem;font-weight:600}}@media (max-width:767px){.meteor{display:none!important}}.mtimeline{margin-top:4rem;justify-content:center;align-items:center}.mexpseg,.mtimeline{display:flex;flex-direction:column}.mexpseg{width:100%}.mempty{width:30%}.mneedle{display:flex;flex-direction:row;align-items:center;width:100%}.mline{background-color:#fff;width:60%;height:2px;z-index:1}.mdot1{left:2px}.mdot1,.mdot2{background-color:#ff0;border-radius:100%;height:10px;width:10px;z-index:2;position:relative}.mdot2{right:2px}.end{background-color:#fff;width:90%;height:2px}.education{height:100vh;color:#fff;position:relative;z-index:0;overflow:hidden}.stars{position:absolute;z-index:-1;height:100%!important;width:100%!important}.design{display:flex;justify-content:center;align-items:center;margin-top:1%}.icon{color:#ff0}.underscore2{height:10px;flex-grow:1;margin:0 10px}.underscore2,.underscore3{background-color:#fff;border-radius:5px}.underscore3{height:28%;width:10px}.dot{background-color:#ff0;border-radius:100%;height:10px;width:10px}.content{height:85vh;width:100%;display:flex!important;flex-direction:column;justify-content:center;align-items:center}.mcontent{min-height:80vh;max-width:-moz-fit-content;max-width:fit-content;width:100%;display:none}@media (max-width:767px){.content{display:none!important}.mcontent{display:flex!important;justify-content:center;align-items:center;margin:0 7%}.title{display:none}.mtitle{display:block;color:#fff;font-size:30px;font-weight:900;font-family:Montserrat,sans-serif;margin-top:10px}.underscore{width:160px}}.schools{width:100%;display:flex;justify-content:space-between;align-items:stretch}.year{text-align:center;font-weight:900;font-family:Karla;margin-bottom:1rem;margin-left:2%}.custom-col{float:left;width:12.499998%;box-sizing:border-box;padding:0 15px}.mtext{display:flex;align-items:center;font-size:small;margin-left:2%}.mschools{display:flex;flex-direction:column;justify-content:space-between;margin-left:1%}.srivv{margin:20% 0}.timeline{display:flex;flex-direction:column;justify-content:center}.msname{margin-top:10px;font-size:small;font-weight:900;font-family:Karla}.mcontain{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-left:1%}.navbar{position:fixed!important;top:0!important;width:100%!important;background-color:#1e1e1e!important;z-index:1000!important;transition:top .3s!important;height:60px!important;padding:0!important;color:#fff!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important}.bsonly{display:flex;align-items:center;justify-content:center;height:60px;width:100%}.sonly{display:none}.navbar-toggler{color:#fff;display:none;position:fixed;top:0}.navbar.hidden{top:-60px!important}.menu{display:flex;justify-content:center;align-items:center;padding-top:3px;width:100vw}.menuitem{font-weight:700;margin:0 30px;color:#fff;font-family:Karla;font-size:large}.menuitem:hover{color:#ff0;cursor:pointer}@media (max-width:992px){.sonly{display:block;height:100%;width:100%}.navbar-toggler{display:block;height:40px}.bsonly{display:none}.navbar{height:40px}.menu{display:flex!important;flex-direction:column;background-color:#1e1e1e}.menuitem{margin:10px 0}.navbar.hidden{top:0!important}.menu.open{display:block}.menuitem{width:100%;text-align:center;padding-block:5px}.menu.close{display:none!important}}.underscore6{width:260px;background-color:#fff;height:10px;margin:0 10px;border-radius:5px}.curve{background-color:#000;width:100%;height:100%;border-radius:0 0 100% 0}.contact{height:100vh;width:100%;background-color:#313131;position:-webkit-sticky;position:sticky}.res{margin:0 0 1rem;font-size:x-large;font-weight:700;color:#fff;text-align:center;font-family:Karla}.download,.view{padding-inline:1rem;padding-block:.5rem;background-color:#464646;border-radius:10px;font-size:medium;font-weight:700}.social{font-size:x-large;font-weight:700;color:#fff;width:70%;display:flex;flex-direction:column;margin-top:0}.socialicon{display:flex;justify-content:center;align-items:center;background-color:#fff;object-fit:cover;border-radius:10px;height:100px;width:100px}.socialicon:hover{background-color:#ffff76}.socialicon img{max-height:70%;max-width:70%;object-fit:contain}.copyright{position:absolute;bottom:0;font-size:11px;font-weight:300;color:#fff;height:-moz-fit-content!important;height:fit-content!important}@media (max-width:767px){.socialicon{height:30px;width:30px}.underscore6{width:150px}.social{width:90%;margin-bottom:70px}}@media (min-width:768px) and (max-width:992px){.social{width:60%}.socialicon{height:50px;width:50px}}.knowme{font-family:Permanent Marker,cursive;min-height:100vh;color:#fff}.lapview{height:100vh}.lapview,.mview{background:#1e1e1e;color:#fff}.mview{display:none;height:auto}.comic1,.comic2,.comic3,.comic4,.comic5,.comic6{object-fit:cover}.hanalei{font-family:Hanalei Fill,system-ui}.gochi,.hanalei{font-weight:400;font-style:normal}.gochi{font-family:Gochi Hand,cursive}.comic{font-family:Comic Neue,cursive;font-weight:400;font-style:normal}.alm{font-size:xxx-large;width:100%;height:25%}.alm,.malm{border:2px solid;text-align:center;border-radius:5px}.malm{font-size:x-large;width:90%}.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%}.col1,.row1{display:flex;height:100%;padding:.5rem}.row1{width:100%;flex-direction:row;overflow:hidden}.movies{height:100%;width:75%;overflow:hidden}.mmovies,.movies{display:flex;flex-direction:column;border-radius:5px;border:2px solid #fff}.mmovies{margin-top:.5rem;width:90%}.comic2{height:100%;width:100%}.music{background-color:#000;text-align:center;overflow:hidden;object-fit:cover;border-radius:10px;height:50%;font-size:17px;margin-inline:.5rem}.dialogue-container,.music{width:100%}.mdialogue-container{width:90%;margin-top:.5rem}.dialogue-bubble{padding:15px;background:#fff;border:2px solid #000;color:#000;border-radius:15px;position:relative;font-size:16px;line-height:1.4;text-align:center}.dialogue-bubble:before{bottom:-13px;left:50px;border-color:#000 transparent;border-style:solid;border-width:10px 10px 0;z-index:1}.dialogue-bubble:after,.dialogue-bubble:before{content:"";position:absolute;display:block;width:0}.dialogue-bubble:after{bottom:-10px;left:52px;border-color:#fff transparent;border-style:solid;border-width:10px 10px 0;z-index:2}.mimagecontainer{width:90%}.imagecontainer,.mimagecontainer{border-radius:10px;overflow:hidden}.comic1,.imagecontainer{width:100%}.comic1{height:100%;object-fit:contain}.travel{border:5px solid #4c4c4c;border-radius:5px}.mtravel{width:90%;margin-top:.5rem}.sports{height:100%;width:25%;background-color:#4c4c4c}.msports,.sports{overflow:hidden;color:#fff;border-radius:10px;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-inline:.5rem}.msports{width:90%;margin-top:.5rem;background-color:#313131}.fitness{height:100%;width:25%}.fitness,.mfitness{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#fff;color:#000;border-radius:10px}.mfitness{width:90%;margin-block:1rem}.mmusic{background-color:#000;text-align:center;overflow:hidden;object-fit:cover;border-radius:10px;width:90%;padding:1rem;margin-top:.5rem}.home-page{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center;color:#fff;font-weight:700;font-family:BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.home-page h1{font-size:48px;margin-bottom:20px}.home-page p{font-size:24px;margin-bottom:20px}.home-page button{padding:10px 20px;font-size:20px;cursor:pointer;background-color:#007bff;color:#fff;border:none;border-radius:5px;transition:background-color .3s ease}.home-page button:hover{background-color:#8894a0}@media (max-width:767px){.lapview{display:none}.mview{display:flex;flex-direction:column}}.center{width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.outro{background:#1e1e1e;position:absolute;border-radius:15px;height:40px;width:40px;z-index:4}.title-card{flex-wrap:wrap;perspective:500px}.dots,.title-card{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.dots{flex-direction:column;background:transparent;z-index:2}.dots:before{position:absolute;content:"";width:100%;height:100%;background-image:radial-gradient(hsla(0,0%,100%,.5) .5mm,transparent 0,transparent 1mm);background-size:60px 60px;background-position:50%;z-index:-1}.starfont{margin-inline:1rem}.starfont p{font-family:codystar;font-size:140px;text-align:center;font-weight:500;color:#0300b9}.rowlt,.rowt{display:flex}.rowlt,.rowmt,.rowt{flex-direction:row;justify-content:center;align-items:center;height:30%;width:100%}.rowmt{display:none}.name{position:relative;display:flex;justify-content:center;align-items:center;height:150px;z-index:2;animation-fill-mode:both}.text{font-family:"Noto Serif Vithkuqi";font-weight:900;font-size:120px;color:#ff0;text-shadow:5px 5px red;z-index:3;letter-spacing:10px}.introducing{position:absolute;display:flex;align-items:center;justify-content:center;height:100vh;background-color:#000;color:#fff;color:"white";font-size:48px;font-family:Arial,sans-serif}@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{font-size:80px;text-shadow:3px 3px red}.rowmt{display:flex}.rowlt{display:none}}.typing-container{display:inline-block;font-family:monospace}.typing-text{display:inline}.typing-cursor{display:inline;animation:blink .75s step-start infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}