@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";#threeCan{position:fixed;z-index:2;padding:0;margin:0}#threeCanMain{position:fixed;z-index:-1;padding:0;margin:0}body{height:100vh;margin:0;font-family:Poppins,arial}ul{list-style-type:none;margin:0;padding:0}a,a:hover,a:visited,a:active{color:inherit;text-decoration:none}img{width:100%}.nav-container{background:#6700ee}.nav-container a{color:#fff}header{display:flex;justify-content:space-between;padding:2em}header .logo{color:#00f7ff;font-weight:700}header ul{display:flex}header ul a{display:block;padding:0 1em}.social-header,.hero-design{display:none}.hero{background-size:400% 400%;color:#fff;display:grid;text-align:center}.color-gradient{background:linear-gradient(-45deg,#6e00ff,#0068ff,#00aee1,#00b994);background-size:400% 400%;animation:gradient 15s ease infinite}.meet{display:flex;margin:0 auto;width:200px;font-weight:700;color:#cacaca}.meet span{margin-top:1em;margin-right:.5em}.scroll{width:30px;margin-top:2em}section{padding:4em 2em;text-align:center}.featured{position:relative;z-index:3}.dev-title1{color:#ff0}.dev-title2{color:#fff}#myWork{background-color:#fffc;padding:10px;border-radius:5px;height:97%}@media only screen and (min-width: 800px){#myWork{margin-bottom:-4em;padding-bottom:2em}}.featured:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:#e5d5fa;top:0;left:0;z-index:-1}.subtitle{margin-top:2em;text-transform:uppercase;font-weight:700;color:#6e00ff;letter-spacing:.2em;font-size:.85em}.featured-title{color:#000;font-weight:700;font-size:1.3em;margin-top:-.4em;display:block}.featured-desc{color:#3b3b3b;margin-bottom:3em;font-size:.9em;line-height:1.8em;font-weight:500}.featured-desc-bottom{color:#3b3b3b;margin-bottom:1em;font-size:.9em;line-height:1.8em;font-weight:500}.skills{background:linear-gradient(180deg,rgba(247,247,247,0) 0%,rgb(202,202,202) 100%)}.skills-container-style ul li{background:white;padding:2em;border-radius:1em;margin-bottom:1em;filter:drop-shadow(0 0 .5rem #cacaca)}.skills-container-style ul li .icon-container{height:100px;margin:0 auto}.skills-container-style ul li .icon-container.one{width:70px}.skills-container-style ul li .icon-container.two{width:100px}.skills-container-style ul li .icon-container.three{width:60px}.skills-container-style ul li .icon-container.four{width:150px}.skills-container-style ul li .icon-container.five,.skills-container-style ul li .icon-container.six,.skills-container-style ul li .icon-container.seven{width:80px}.skill-title{font-weight:700}.featured-desc{margin-bottom:2em}.portfolio{padding-bottom:1em}.portfolio-container{border-radius:1em;margin-bottom:2em}.portfolio-container a img{border-radius:1em}@media only screen and (max-width: 1050px){.portfolio-left{margin-bottom:1em}}@media only screen and (min-width: 800px){.featured,.portfolio{text-align:left;margin-bottom:-9em}.featured,.portfolio-container{display:grid;grid-template-columns:40% auto}.left,.portfolio-left{display:grid;place-content:center}.right{margin-left:2em;margin-top:1em}.skills{margin-top:-5em;margin-bottom:-7em;padding-top:7em}.skills-container ul{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1em}.skills-container2 ul{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1em}.portfolio{padding-top:7em}.portfolio-container img{margin-left:2em}}.social-header-2{display:none}@media only screen and (max-width: 1050px){.social-header-2{display:block;margin:1em 0 0 1em}}.social-header-2 ul{display:flex;justify-content:space-between;width:8em;float:left}.social-header-2 ul img{width:25px;filter:invert(100%) url(#red-glow);text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #ff1177,0 0 70px #ff1177,0 0 80px #ff1177,0 0 100px #ff1177,0 0 150px #ff1177}body{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 15s ease infinite;height:1vh}.hero{background:linear-gradient(180deg,rgba(202,202,202,.5) 0%,rgba(0,212,255,0) 100%)}@media only screen and (min-width: 1050px){.hero{height:90vh}.nav-container{display:grid;grid-template-columns:66% auto;background:unset}.nav-container header{background:#6700ee}header{padding:2em 2em 2em 4em}.social-header{padding:2em 4em 2em 0}section{padding:4em}.social-header{display:block}.social-header ul{display:flex;justify-content:space-between;width:7em;float:right}.social-header ul img{width:20px;filter:invert(100%)}.hero{display:grid;grid-template-columns:66% auto;background:unset;background:linear-gradient(180deg,rgba(202,202,202,.5) 0%,rgba(0,212,255,0) 100%);padding:0}.hero .content{background-size:400% 400%;text-align:left}.hero .content .content-margin{padding:6em 8em 6em 4em}.hero .content h1{white-space:nowrap;display:inline-block;font-size:3em;line-height:1.2em}.meet{margin:unset}.hero-design{display:unset;margin-left:-50%;margin-top:15%;width:100%;z-index:0}.portfolio img{float:right;max-width:500px}}@media only screen and (max-width: 800px){.content-margin{margin:0 2em}}@media only screen and (min-width: 1250px){header{padding:2em 2em 2em 10em}.social-header{padding:2em 10em 2em 0}section{padding:10em 10em 4em}.content-margin{margin:0 6em 4em}}@media only screen and (min-width: 1550px){header{padding:2em 2em 2em 20em}.social-header{padding:2em 20em 2em 0}section{padding:6em 20em 4em}.content-margin{margin:2em 10em 6em 16em}h1 *{font-size:2em}}.circle{animation:circleAnim 1s infinite alternate-reverse}@keyframes circleAnim{0%{transform:translate(262px,798px);z-index:5}to{transform:translate(262px,830px);z-index:5}}.hire-me-background{display:flex;background:linear-gradient(180deg,rgb(247,247,247) 0%,rgb(247,247,247) 32%,rgba(0,212,255,0) 100%)}.hire-me-container{display:flex}@media only screen and (min-width: 800px){.hire-me-container{margin-top:9em}}.hire-me-container ul{display:flex;justify-content:space-between;width:7em;float:left}.hire-me-container ul img{width:100px}.center-helper{display:inline-block;height:100%;vertical-align:middle}.image-radius{border-radius:1em}.no-top-margin{margin-top:0}.inner{background-color:#fff;padding:1rem;border-radius:5px;opacity:80%}.noBackground{background-color:unset;padding:unset}.resume{font-size:1.5em;margin-top:10px;text-decoration:none;font-family:Poppins;color:#6e00ff}.resume-link{display:flex;margin-left:auto;padding:1em;background-color:#6700ee;color:#00f7ff;font-weight:700;border-radius:30px 0 0}.resume-link a{text-decoration:none}@media only screen and (min-width: 1050px){.resume-link{display:none}}.resume-flex-container{display:flex;justify-content:flex-end}.resume-link-2{display:flex;justify-content:flex-end;padding:1em;background-color:#6700ee;color:#00f7ff;font-weight:700;border-radius:0 0 0 30px}.resume-link-2 a{text-decoration:none}@media only screen and (max-width: 1050px){.resume-link-2{display:none}}.github-repo-container{align-items:center;display:flex}.github-repo-container img{float:left;margin-left:0}@media only screen and (max-width: 800px){.github-repo-container{justify-content:center}}.github-link{display:flex;align-items:center}@media only screen and (max-width: 800px){.github-repo{width:20px}}@media only screen and (min-width: 800px){.github-repo{width:30px}}.view-on-github{margin-left:.4em;color:#6700ee;display:inline-block;letter-spacing:.2em;text-shadow:2px 2px 8px white}@media only screen and (min-width: 800px){.view-on-github{font-size:1em}}@media only screen and (max-width: 800px){.view-on-github{font-size:.7em}}.grid-container{position:absolute;display:grid;height:100%;width:100%;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);top:0;left:0;z-index:-1;overflow:hidden;border-radius:1em}.glow-on-hover{width:220px;height:50px;border:none;outline:none;color:#fff;background:#111;cursor:pointer;position:relative;z-index:0;border-radius:10px;transition:.7s}@media only screen and (max-width: 800px){.glow-on-hover{margin-bottom:10px}}.glow-on-hover:hover{transform:skew(-7deg,-7deg)}.glow-on-hover:before{content:"";background:linear-gradient(45deg,#ff0000,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,#ff0000);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing 20s linear infinite;opacity:0;transition:opacity .3s ease-in-out;border-radius:10px}.glow-on-hover:active{color:#000}.glow-on-hover:active:after{background:transparent}.glow-on-hover:hover:before{opacity:1}.glow-on-hover:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#111;left:0;top:0;border-radius:10px}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.theme-button{position:fixed;z-index:10;bottom:0;left:0;margin:2em}.switch{position:relative;width:4rem;padding:0 1rem;font-family:verdana}.switch:before{content:"  ";position:absolute;left:0;z-index:-1;width:100%;height:1rem;background:#000;border-radius:30px}.switch__label{display:inline-block;width:1rem;opacity:0;text-align:center;cursor:pointer;transition:color .2s ease-out}.switch__label:hover{color:#fff}.switch__indicator{width:2rem;height:2rem;position:absolute;top:-.5rem;left:-1.3rem;background:blue;box-shadow:inset .5em .5em gold;border-radius:50%;transition:transform .6s cubic-bezier(.02,.94,.09,.97),background .3s cubic-bezier(.17,.67,.14,1.03);transform:translate3d(1rem,0,0)}.switch input#one:checked~.switch__indicator{background:rgb(213,213,213);transform:translate3d(1.2rem,0,0)}.switch input#two:checked~.switch__indicator{background:rgb(213,213,213);transform:translate3d(5.5rem,0,0)}.switch input[type=radio]:not(:checked),.switch input[type=radio]:checked{display:none}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.playAudio{position:fixed;bottom:0;left:0;padding:1.5rem;background-color:#000;z-index:1000}.playAudio button{cursor:pointer}.audioPopup{position:fixed;bottom:60px;left:0;margin:3rem 1rem;background:white;padding:1rem;z-index:1000;width:200px;border-radius:10px;background-color:#f5e0d0;border:6px solid #f0a902;box-shadow:5px 5px #000}.audioPopup i{position:absolute;top:0;right:0;margin:3px;font-size:1.5rem;color:#f0a902;cursor:pointer}.audioPopup:after{content:"";position:absolute;left:0;right:0;bottom:-30px;margin:0 auto;width:0;height:0;border-top:25px solid #f0a902;border-left:50px solid transparent;border-right:50px solid transparent}.out-of-order{position:absolute;top:80px;right:-50px;width:50%;transform:rotate(30deg);display:flex;padding:1rem;justify-content:center;align-items:center;background:rgb(255,241,0);background:linear-gradient(90deg,rgb(255,241,0) 0%,rgb(255,214,0) 100%);z-index:1000;box-shadow:10px 10px 3px #000}@media only screen and (min-width: 1250px){.out-of-order{right:-80px;transform:rotate(25deg)}}@media only screen and (max-width: 800px){.out-of-order{left:10px;top:400px;transform:rotate(25deg);width:600px;display:none}}.out-of-order div{justify-content:center;text-transform:uppercase;font-weight:bolder}.out-of-order div div:nth-child(1){font-size:4rem;color:#03fc35;text-shadow:5px 5px 3px #02badb;line-height:.9}.out-of-order div div:nth-child(2){text-align:center;font-size:1.5rem}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:9999;display:flex;justify-content:center;align-items:center;overflow-x:hidden;overflow-y:hidden}.spinner{border:16px solid #32a852;border-top:16px solid #6b00d6;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scrollDiv{height:3000px}.marquee-wrapper{overflow:hidden;width:100%;margin:0 auto;top:0}.marquee-wrapper #marquee{background-color:#453b37;color:#9c9e7b;font-weight:bolder;font-size:1rem;font-style:italic;font-family:Bebas Neue,sans-serif;position:sticky;line-height:11px;animation-name:colorAnimate;animation-duration:40s;animation-direction:alternate-reverse;animation-iteration-count:infinite}.navContainerWrapper{position:fixed}@keyframes colorAnimate{0%{background-color:#dbfc00;color:#c9c36b}25%{background-color:#3e3f40;color:#42adf5}50%{background-color:#b884b8;color:#bfd0e0}75%{background-color:#7abf75;color:#eddbff}}.experimentContainer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.threeExperiment,.p5Experiment{background-size:100% 100%;background-position:center;background-repeat:no-repeat;font-weight:700;margin:3px;padding:2em;z-index:10}.threeExperiment>div{background-color:#fad105;padding:2px;color:#37f502;text-shadow:1px 1px black}.threeExperiment:nth-of-type(1){background-image:url(/assets/experiment-7-49307fbf.png)}.threeExperiment:nth-of-type(2){background-image:url(/assets/experiment-2-15ac3d31.png)}.threeExperiment:nth-of-type(3){background-image:url(/assets/experiment-3-ced69512.png)}.threeExperiment:nth-of-type(4){background-image:url(/assets/experiment-4-7ecda08c.png)}.threeExperiment:nth-of-type(5){background-image:url(/assets/experiment-5-891315bd.png)}.threeExperiment:nth-of-type(6){background-image:url(/assets/experiment-6-54ec0b6a.png)}.p5Experiment>div{background-color:#fad105;padding:2px;color:#37f502;text-shadow:1px 1px black}.p5Experiment:nth-of-type(1){background-image:url(/assets/p5-experiment-1-9b77665a.png)}.p5Experiment:nth-of-type(2){background-image:url(/assets/p5-experiment-2-cc308c76.png)}