@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.cdnfonts.com/css/eaglore";@import"https://fonts.cdnfonts.com/css/deltha";@import"https://fonts.cdnfonts.com/css/elemental-end-2";@import"https://fonts.cdnfonts.com/css/dosca";@import"https://fonts.cdnfonts.com/css/ruigslay";@import"https://fonts.cdnfonts.com/css/awake-free";* ::-webkit-scrollbar{display:none}*{transition:all .2s ease-in-out;box-sizing:border-box;margin:0;padding:0;text-transform:capitalize;color:var(--color-text);cursor:none;scroll-behavior:smooth;font-family:Jost,sans-serif}.theme{color:var(--color-primary)}::-moz-selection{color:var(--color-bg);background:var(--color-primary)}section{width:calc(100% - 500px);margin:0 auto}h1{text-shadow:0px 0px 3px}::selection{color:var(--color-bg);background:var(--color-primary)}.btn{color:var(--color-text);padding:10px 20px;border:solid 1px var(--color-secondary);cursor:pointer}.btn:after{content:" →"}.btn:hover{background-color:var(--color-text);color:var(--color-bg)}a{text-decoration:none;color:var(--color-text)}li{list-style:none}.star{position:absolute;animation:twinkle 2s infinite ease-in-out;z-index:-1}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:1}}#root{animation:start 1s ease-in-out;scroll-behavior:smooth}.heading,.heading>*{font-family:Deltha,sans-serif;text-transform:uppercase}html{background-color:var(--color-bg)}div[class*=kursor].kursor--3{background-color:var(--trnp)!important}@keyframes start{0%{filter:blur(20px) brightness(.2);scale:.3}to{filter:blur(0);scale:1}}.star{animation:bgz 1s ease-in-out;animation-timeline:scroll()}@keyframes bgz{0%{transform:translateY(300px)}to{transform:translateY(0)}}@media (max-width: 1350px){section{width:calc(100% - 40px);margin:0 auto}}.star{position:fixed;background-color:var(--color-primary);border-radius:50%}html{color-scheme:light dark;height:100%;width:100%}.cursor{display:none;pointer-events:none;position:fixed;height:32px;width:32px;border-radius:32px;background-color:light-dark(black,white);transform:translate(-50%,-50%);transform-origin:top left}.click{scale:.8}.pressable{scale:1.3}section{animation:reveal both;animation-timeline:view();animation-range:entry 0% cover 60vh}@keyframes reveal{0%{filter:blur(20px);transform:translateY(50px) scale(.6);opacity:0}to{filter:blur();transform:translateY(0) scale(1)}}@media (hover: hover){.no-cursor{display:none}}.navbar{display:flex;background-color:#000000d1;padding:1rem;z-index:1000;align-items:center;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);justify-content:space-between;position:fixed;width:-webkit-fill-available}.navbar .menuBtn{display:none}.navbarLogo{font-size:1.5rem;font-weight:700;color:var(--color-text)}.navbarLinks{list-style:none;display:flex;gap:1rem;color:var(--color-text)}.navbarLinks a{text-transform:uppercase!important;letter-spacing:1px;font-weight:700}@media (max-width: 768px){.menuBtn{display:block!important}.navbarLinks{flex-direction:column;position:absolute;top:60px;right:0;padding:10px 40px;background-color:var(--color-bg);width:100vw;text-align:center;gap:30px;font-size:30px;z-index:1000;display:none}.navbarLinks li{padding:10px 0}}@keyframes boxanim{0%{padding:100px 0}50%{padding:0}to{padding:100px 0}}.hero{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;padding-top:50px;overflow:hidden;background-image:linear-gradient(90deg,transparent 70%,var(--color-primary) 70%)}.hero .load{position:fixed;height:2px;width:100%;bottom:0;z-index:9}.hero .load .loading{height:100%;background-color:var(--color-primary);animation:loader linear both;animation-timeline:scroll()}.hero .heroanim{display:flex;position:absolute;left:10px;top:0}.hero .heroanim .box{width:6px;background-color:var(--color-primary);animation:boxanim 2s linear infinite;display:flex;justify-content:center}.hero .heroanim .box:after{content:"";border:1px solid;padding:20px 1px;color:var(--color-bg);background-color:var(--color-bg)}.hero .heroanim .box1{height:50px;animation-delay:0s}.hero .heroanim .box2{height:100px;animation-delay:.2s}.hero .heroanim .box3{height:150px;animation-delay:.4s}.hero .heroanim .box4{height:50px;animation-delay:.6s}.hero .heroanim .box5{height:100px;animation-delay:.8s}.hero .heroanim .box6{height:150px;animation-delay:1s}.hero .myimg{display:flex}.hero .myimg img{z-index:1;width:100%;filter:drop-shadow(0px 0px 100px var(--color-bg))}.hero .myimg img:hover{transform:scale(1.1) translateY(20px);filter:drop-shadow(0px 0px 180px var(--color-bg))}.hero .myexp{display:flex;position:absolute;right:10px;gap:10px;rotate:90deg;margin-right:-85px}.hero .myexp p{text-transform:uppercase;font-weight:500;gap:10px;display:flex;letter-spacing:2px;align-items:center;text-wrap:nowrap;color:var(--color-bg)}.hero .myexp .icons{display:flex;gap:10px}.hero .myexp .icons svg{rotate:-90deg;background-color:var(--color-text);height:35px;width:35px;padding:5px;border-radius:35px}.hero .mydetails{display:flex;flex-direction:column;gap:20px;padding-left:20px;border-left:2px solid var(--color-primary);color:var(--color-text);align-items:baseline}.hero .mydetails h1{background-color:var(--color-bg);padding-right:10px;font-size:35px}.hero .mydetails h1 .highlight{color:var(--color-primary);font-weight:700}.hero .mydetails .typebox{background-color:var(--color-other);color:var(--color-bg);padding:10px 15px;font-size:20px;font-weight:900;display:flex;border:2px solid var(--color-primary)}.hero .mydetails .typebox .typewrite{display:flex}.hero .mydetails .typebox .typewrite:before{content:"";height:6px;width:6px;background-color:var(--color-primary);position:relative;top:35px;left:-64px}.hero .mydetails .typebox .typewrite:after{content:"";height:6px;width:6px;background-color:var(--color-primary);position:relative;top:35px;left:28px}.hero .mydetails .typebox:before{content:"";height:6px;width:6px;background-color:var(--color-primary);position:relative;top:-17px;left:-22px}.hero .mydetails .typebox:after{content:"";height:6px;width:6px;background-color:var(--color-primary);position:relative;top:-17px;left:22px}.hero .mydetails .typebox .mobjob{display:none;color:var(--color-bg)}.hero .mydetails .typebox .wrap{border-width:2px;border-color:var(--color-bg);padding:0 2px;color:var(--color-bg)}@keyframes loader{0%{width:0px}to{width:100%}}@media (max-width: 768px){.hero{flex-wrap:wrap;justify-content:flex-start;height:100vh;align-items:end}.mobjob{display:block!important}.typewrite,.heroanim{display:none!important}.textbox{font-size:17px}.typebox:after{display:none}.typebox:before{display:none}.myexp{right:-40px!important;top:443px}.mydetails{padding-left:10px!important;scale:.9}.mydetails h1{padding:5px 10px!important;font-size:28px!important}}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.about{display:flex;align-items:center;padding:50px 0 0;transition:all .3s ease-in-out;justify-content:space-between;gap:20px}.about .sideimg img{width:450px;height:auto;animation:float 3s ease-in-out infinite alternate}.about .aboutpart{display:flex;flex-direction:column;padding-left:20px;border-left:2px solid var(--color-primary)}.about .aboutpart .subhead{text-transform:uppercase;letter-spacing:3px}.about .aboutpart h1{margin:10px 0;color:var(--color-primary)}.about .aboutpart .info{max-width:800px;text-transform:capitalize;text-align:justify}@media (max-width: 768px){.about{flex-wrap:wrap}.about .sideimg img{width:100%;height:auto}.about .aboutpart{width:100%}}.projects{display:grid;justify-content:center;gap:20px;padding-top:60px}.projects h1{color:var(--color-primary)}.projects .works{background-color:var(--trnp);display:flex;flex-direction:column;overflow-y:scroll;padding:20px;width:calc(100vw - 500px);gap:20px;scroll-snap-type:y mandatory;aspect-ratio:16 / 7;border:2px solid var(--color-primary)}.projects .works .project{display:flex;padding:40px;filter:grayscale(1);border:2px solid var(--color-primary);background-size:cover;background-position:center;align-items:end;aspect-ratio:16 / 6;scroll-snap-align:center}.projects .works .project:nth-child(1){background-image:url(/portfolio/assets/project2-cK1Ih6uO.png)}.projects .works .project:nth-child(2){background-image:url(/portfolio/assets/project3-CAv5OtJQ.png)}.projects .works .project:nth-child(3){background-image:url(/portfolio/assets/project1-Ut2HeQR1.png)}.projects .works .project:hover{filter:grayscale(0)}.projects .works .project .desbox{display:flex;flex-direction:column;justify-content:space-between;gap:20px;align-items:baseline;width:450px;background-color:#00000080;border:1px solid var(--color-secondary);padding:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:4px}@media (max-width: 768px){.works{aspect-ratio:16 / 16!important}.works .project{padding:0!important;height:300px!important;width:100%!important}.works .project .desbox{width:100%!important;height:100%!important}.works .project .desbox .subhead{width:100%}}@media (max-width: 1350px){.works{width:calc(100vw - 40px)!important}}.skills{display:flex;justify-content:center;gap:40px;padding-top:100px;flex-direction:column}.skills .heading{display:grid;gap:10px;text-align:center;max-width:70%;margin:0 auto}.skills .heading h1{color:var(--color-primary)}.skills .heading p{font-family:Jost}.skills .skilltype{display:flex;justify-content:space-evenly;gap:20px}.skills .skilltype .skillbox{display:grid;padding:20px;border:1px solid var(--color-primary);align-items:baseline;width:100%;gap:20px;background-color:var(--trnp);align-content:baseline}.skills .skilltype .skillbox .heading{color:var(--color-primary)}.skills .skilltype .skillbox ul{display:grid;gap:10px}.skills .skilltype .skillbox ul li{font-weight:600;padding:10px;color:var(--color-bg);transition:background-image 1s;border:1px solid var(--color-primary)}.skills .skilltype .skillbox ul .html{background-image:linear-gradient(90deg,var(--color-primary) 90%,var(--trnp) 90%)}.skills .skilltype .skillbox ul .js{background-image:linear-gradient(90deg,var(--color-primary) 60%,var(--trnp) 60%)}.skills .skilltype .skillbox ul .php{background-image:linear-gradient(90deg,var(--color-primary) 35%,var(--trnp) 35%)}.skills .skilltype .skillbox ul .boot{background-image:linear-gradient(90deg,var(--color-primary) 50%,var(--trnp) 50%)}.skills .skilltype .skillbox ul .react{background-image:linear-gradient(90deg,var(--color-primary) 40%,var(--trnp) 40%)}.skills .skilltype .skillbox ul .word{background-image:linear-gradient(90deg,var(--color-primary) 80%,var(--trnp) 80%)}.skills .skilltype .skillbox ul .adobe{background-image:linear-gradient(90deg,var(--color-primary) 50%,var(--trnp) 50%)}.skills .skilltype .skillbox ul .figma{background-image:linear-gradient(90deg,var(--color-primary) 40%,var(--trnp) 40%)}.skills .skilltype .skillbox ul .canva{background-image:linear-gradient(90deg,var(--color-primary) 50%,var(--trnp) 50%)}.skills .skilltype .skillbox ul .filmora{background-image:linear-gradient(90deg,var(--color-primary) 40%,var(--trnp) 40%)}.skills .skilltype .skillbox ul .capcut{background-image:linear-gradient(90deg,var(--color-primary) 50%,var(--trnp) 50%)}.skills .skilltype .skillbox ul .office{background-image:linear-gradient(90deg,var(--color-primary) 40%,var(--trnp) 40%)}@media (max-width: 768px){.skills .heading{max-width:100%!important;text-align:left}.skills .heading p{text-align:justify}.skills .skilltype{flex-wrap:wrap;flex-direction:column}.skills .skilltype .skillbox{width:100%!important}}:root{--color-text: #fff;--color-primary: #91FF00;--color-secondary: #777777;--color-bg: #000000;--color-other: #FEEEB7;--trnp: #00800062;--font-roboto: "Roboto"}.contact{margin-top:100px;display:flex;justify-content:space-evenly;align-items:center;gap:20px}.contact .myinfo{display:flex;justify-content:space-evenly;gap:20px;width:40%}.contact .myinfo *{transition:all .4s ease-in-out}.contact .myinfo .flipbox{opacity:0;justify-self:center;align-self:center;display:grid;z-index:9;gap:20px;transform:rotateY(180deg);position:absolute}.contact .myinfo .flipbox h1{text-align:center;font-size:40px;border-bottom:1px solid var(--color-primary);padding-bottom:20px;text-wrap:wrap;margin-bottom:10px}.contact .myinfo .flipbox .btns{display:flex;gap:20px}.contact .myinfo .flipbox .btns .btn{display:flex;flex:1;justify-content:space-evenly;border:1px solid var(--color-primary)}.contact .myinfo .flipbox .btns .btn:hover{background-color:var(--color-primary)}.contact .myinfo:hover .flipbox{opacity:1;transform:rotateY(0)}.contact .myinfo:hover pre{transform:rotateY(180deg)}.contact .myinfo:hover pre code{opacity:0}.contact .conhead{width:60%;gap:10px;text-align:justify;display:grid}.contact .conhead h1{color:var(--color-primary);font-size:4pc}.contact .conhead p{padding-bottom:20px;margin-bottom:10px;border-bottom:1px solid var(--color-primary)}.contact .conhead .icons{display:flex;align-items:start;gap:10px}.contact .conhead .icons .resume{background-color:var(--color-text);padding:2px 10px;color:var(--color-bg);font-weight:800;border-radius:3px;margin-top:2px}.contact .conhead .icons .resume:hover{background-color:var(--color-primary)}.contact .conhead .icons a svg{height:30px;width:30px}.contact .conhead .icons a svg:hover{fill:var(--color-primary)}.contact pre{width:100%;background-color:var(--trnp)!important;text-transform:none;border:1px solid var(--color-primary)}.contact pre code *{text-transform:none;font-family:monospace}.contact pre code,.contact .token.comment{text-transform:none;color:var(--color-secondary);font-family:monospace}.token.string{color:var(--color-primary)!important}.token.property{color:var(--color-text)!important}.token.keyword{color:#0b75ff!important}.token.boolean{color:#f0f!important}.token.function{color:gold!important}@media (max-width: 1080px){.flipbox h1{font-size:30px!important}}@media (min-width: 1350px){.flipbox h1{font-size:30px!important}}@media (min-width: 1530px){.flipbox h1{font-size:40px!important}}@media (max-width: 768px){.contact{flex-direction:column}.contact .conhead{width:100%}.contact .conhead h1{font-size:40px}.contact .myinfo{width:100%}.contact .myinfo .flipbox h1{font-size:30px!important}.contact .myinfo pre{width:100%}}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.footer{background-color:var(--color-bg);color:var(--color-text);font-size:1rem;text-align:center;padding:20px;position:relative;border-top:1px solid var(--color-primary);margin-top:50px;bottom:0;display:flex;gap:20px;justify-content:space-between}.footer span{text-align:left;font-family:monospace}@media (max-width: 768px){.footer span{font-size:13px}}