@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";body{-ms-overflow-style:none;scrollbar-width:none;overflow-x:hidden}body::selection{background-color:#ffc064;color:#000}body::-webkit-scrollbar{display:none}#root{margin:auto;text-align:center}.stop-scrolling{height:100%;overflow:hidden}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}div#main{background-image:linear-gradient(#242424,#000);height:100vh;width:100vw}.gridBG{background:linear-gradient(-90deg,rgba(40,40,40,1) 1px,transparent 1px),linear-gradient(rgba(40,40,40,1) 1px,transparent 1px);background-size:32px 32px;background-color:#0f0f0f;position:fixed;width:100vw;height:100dvh;top:0;left:0}div.bg{min-height:100lvh;width:133vw;background-repeat:no-repeat;background-position:left bottom;background-size:100%;position:fixed;top:0;left:0;z-index:0;opacity:100%;max-width:1000px;transition:0s;-webkit-transition:.25s}div.redBG{background-image:url(/assets/redBeam-JzDCvLVK.webp);animation:beamFloat 8s 9s infinite,beamAnim 8s cubic-bezier(.16,1,.3,1)}div.orangeBG{background-image:url(/assets/orangeBeam-D3kRI41c.webp);animation:beamFloat 8s 8s infinite,beamAnim 7s cubic-bezier(.16,1,.3,1)}div.yellowBG{background-image:url(/assets/yellowBeam-3-hlNxWI.webp);animation:beamFloat 8s 7s infinite,beamAnim 6s cubic-bezier(.16,1,.3,1)}div.greenBG{background-image:url(/assets/greenBeam-Za-m10YU.webp);animation:beamFloat 8s 6s infinite,beamAnim 5s cubic-bezier(.16,1,.3,1)}div.blueBG{background-image:url(/assets/blueBeam-BUbv2TRU.webp);animation:beamFloat 8s 5s infinite,beamAnim 3s cubic-bezier(.16,1,.3,1)}@keyframes beamAnim{00%{transform:translate(-100%) translateY(50%)}to{transform:none}}@keyframes beamFloat{00%{transform:none}50%{transform:translate(-40px) translateY(40px)}to{transform:none}}span.blink{animation:blink 1s 2s infinite,letterWave 4s ease 3s infinite;opacity:0%}@keyframes blink{00%{opacity:100%}25%{opacity:100%}26%{opacity:0%}75%{opacity:0%}76%{opacity:100%}to{opacity:100%}}div#hero{padding-top:40vh;padding-bottom:50vh;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;transition:2s;animation-play-state:running}div#blur{background-color:#242424;width:100vw;position:absolute;height:100%;opacity:0%;transition:1s;z-index:0}div.heroText{position:sticky;top:0;min-height:10vh}h1.head{font-size:500%;margin-bottom:0;width:100%;margin-top:20px;letter-spacing:-5px;color:#fff}.char{display:inline-block;opacity:0%;transform-origin:bottom center}@keyframes heroAppear{00%{opacity:0%}to{opacity:100%}}@keyframes letterAppearEffect{00%{opacity:0%;transform:scaleY(0) scaleX(0)}5%{opacity:100%;transform:scaleY(1.2) scale(1.025)}to{opacity:100%;transform:none}}@keyframes letterWave{00%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes letterAppear{00%{opacity:0%}to{opacity:100%}}.subtitle{opacity:0%;animation:letterAppear 5s 1s forwards}div.content{display:flex;margin-bottom:0;max-width:1000px;z-index:10}div#projects{display:block;max-width:1000px;padding-right:0;width:50%;z-index:3}div.project{transition:.22s;border-radius:20px;-webkit-border-radius:20px;overflow:hidden;margin-bottom:10px;display:flex;border:1px solid #FFFFFFAA}div.bigProject{display:block}div.project:hover{cursor:pointer;box-shadow:#626363 0 0 15px}div.projectText{max-width:90%;margin:auto}div.blur{backdrop-filter:blur(20px) brightness(.8);-webkit-backdrop-filter:blur(20px) brightness(.8);padding:10px;margin-top:0;transition:.5s;overflow:scroll}h2.heading{font-size:300%;text-align:left;margin-top:0;margin-bottom:0;padding-left:15px}div.projectPicContainer{height:200px;overflow:hidden;backdrop-filter:blur(1px) brightness(.6);-webkit-backdrop-filter:blur(1px) brightness(.6)}img.projectPic{max-width:100%}h3.projectName{text-align:left;margin-bottom:0;margin-top:0}p.projectText{margin-top:0;text-align:left;margin-bottom:0}div.expandedProject .project:hover{box-shadow:none;cursor:default}div.spacer{height:0px;margin-bottom:10px}div.expandedProject button.closeButton{opacity:100%;transition:1s;padding:8px 8px 4px}button.closeButton{position:absolute;top:10px;right:10px;z-index:5;background-color:#0009;border:1px solid white;border-radius:15px;padding:5px 8px;opacity:0%;transition:1s}button.closeButton:hover{cursor:pointer;transition-delay:0s;transition:.25s!important;box-shadow:0 0 10px #999}img.x{height:50px;width:50px;filter:invert()}img#scrambordle{transform:rotate(10deg);-webkit-transform:rotate(10deg);width:45%;border-radius:10px;position:relative;left:0;top:20%}div.caption{width:45%;float:right;display:flex;flex-direction:row-reverse;align-items:center;height:100%;padding:5px}p.newGameAlert{color:#fff;font-weight:700;text-align:center;width:100%;margin:0}div.smallProjectPicSide{width:27%;overflow:hidden;backdrop-filter:blur(1px) brightness(.6);-webkit-backdrop-filter:blur(3px) brightness(.6);float:left;transition:.25s}div.smallProjectPicContainer{height:100%;display:flex;align-items:center;justify-content:center}img.smallProjectPic{border-radius:10px;margin:0;max-width:80%;max-height:80%}img.smallShadowAnim{animation:smallShadowAnim .4s infinite;animation-play-state:running;filter:invert();border-radius:0;transform:translateY(-3px);max-width:70%;max-height:60%}div.smallProjectTextContainer{margin-top:-3px;min-height:100px;display:flex;flex-direction:column;justify-content:center}.expandedProject div.smallProjectTextContainer{margin-top:-3px;min-height:100px;display:flex;flex-direction:column;justify-content:center;position:absolute;top:20px;text-align:left;opacity:0%;transition:0s;animation:heroAppear 1s ease .25s 1 forwards;padding:0 20px 20px 10px}.expandedProject div.smallProjectTextContainer h3.projectName{font-size:250%;margin-top:0}.expandedProject div.smallProjectTextContainer h3{margin-bottom:0;font-size:150%;margin-top:5px}.expandedProject div.smallProjectTextContainer p{margin-top:0}.expandedProject .blur{backdrop-filter:blur(175px) brightness(1.4);-webkit-backdrop-filter:blur(175px) brightness(1.4);background:linear-gradient(-90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:16px 16px;background-color:#000a;background-attachment:local}.expandedText{display:flex;align-self:center;flex-direction:column}.expandedText iframe{margin:10px auto 20px;max-width:100%;animation:iframeAppear 1s ease 1s 1 forwards;opacity:0%}@keyframes iframeAppear{00%{opacity:0%}to{opacity:100%}}div.smallProjectText{width:75%;float:right;position:relative;min-height:100px;transition:.25s}div.smallProjectText div.blur{padding-top:0;height:100%;display:flex;align-items:center;padding-bottom:20px;min-height:100px}div.meContainer{width:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:2;top:50px}img.me{max-width:400px;width:80%;border-radius:200%;margin-top:50px;border:1px solid #f3f3f3}div.socials{display:flex;align-items:center;width:fit-content;height:30px;border-radius:20px;overflow:hidden;margin-top:20px;gap:10px;justify-content:center;position:relative;padding:5px 10px;border:1px solid #f3f3f3AA}img.socialIcon{height:90%;transition:.5s;filter:invert();-webkit-filter:invert()}img.socialIcon:hover{cursor:pointer;filter:drop-shadow(0px 0px 5px #999) invert()}a.socialLink{height:100%;display:flex;align-items:center}div.bio{width:75%}@keyframes shadowAnim{00%{box-shadow:-05px 0 #f3a387e6,-10px 0 #ff9591cc,-15px 0 #ff4884b3,-20px 0 #984c8399,-25px 0 #3f298399,05px 0 #f3a387e6,10px 0 #ff9591cc,15px 0 #ff4884b3,20px 0 #984c8399,25px 0 #3f298399}20%{box-shadow:-05px 0 #f3a38700,-10px 0 #ff9591cc,-15px 0 #ff4884b3,-20px 0 #984c8399,-25px 0 #3f298399,05px 0 #f3a38700,10px 0 #ff9591cc,15px 0 #ff4884b3,20px 0 #984c8399,25px 0 #3f298399}40%{box-shadow:-05px 0 #f3a387e6,-10px 0 #ff959100,-15px 0 #ff4884b3,-20px 0 #984c8399,-25px 0 #3f298399,05px 0 #f3a387e6,10px 0 #ff959100,15px 0 #ff4884b3,20px 0 #984c8399,25px 0 #3f298399}60%{box-shadow:-05px 0 #f3a387e6,-10px 0 #ff9591cc,-15px 0 #ff488400,-20px 0 #984c8399,-25px 0 #3f298399,05px 0 #f3a387e6,10px 0 #ff9591cc,15px 0 #ff488400,20px 0 #984c8399,25px 0 #3f298399}80%{box-shadow:-05px 0 #f3a387e6,-10px 0 #ff9591cc,-15px 0 #ff4884b3,-20px 0 #984c8300,-25px 0 #3f298399,05px 0 #f3a387e6,10px 0 #ff9591cc,15px 0 #ff4884b3,20px 0 #984c8300,25px 0 #3f298399}to{box-shadow:-05px 0 #f3a387e6,-10px 0 #ff9591cc,-15px 0 #ff4884b3,-20px 0 #984c8399,-25px 0 #3f298399,05px 0 #f3a387e6,10px 0 #ff9591cc,15px 0 #ff4884b3,20px 0 #984c8399,25px 0 #3f298399}}@keyframes smallShadowAnim{00%{filter:drop-shadow(-02px 02px rgba(243,163,135,.3)) drop-shadow(-04px 04px rgba(255,72,132,.7)) drop-shadow(-03px 03px rgba(255,149,145,.8))}50%{filter:drop-shadow(-02px 02px rgba(255,72,132,.9)) drop-shadow(-04px 04px rgba(255,72,132,.3)) drop-shadow(-03px 03px rgba(255,149,145,.8))}to{filter:drop-shadow(-04px 04px rgba(255,72,132,.7)) drop-shadow(-02px 02px rgba(243,163,135,.9)) drop-shadow(-03px 03px rgba(255,149,145,.3))}}div.contact{width:50%;max-width:1000px;position:relative;margin-bottom:50px}div.contactContainer{max-width:90%;margin:auto;position:relative;display:flex;flex-direction:column}.contactContainer h2{width:100%}.contactBody{border-radius:20px;padding:15px;position:relative;backdrop-filter:blur(3px) brightness(.8);-webkit-backdrop-filter:blur(3px) brightness(.8);float:left;width:100%;display:flex;flex-direction:column;box-sizing:border-box;transition:1s;border:1px solid #FFFFFFAA}.contactBody:hover{box-shadow:0 0 20px #96969666}.contactForm{width:100%}div.formInputContainer{display:flex;align-items:center;justify-content:center}.contactForm input{width:100%;height:30px;border-radius:10px;border:none;position:relative;float:left;margin-bottom:10px;padding:5px 10px;font-size:inherit;background-color:#0009;border:1px solid #FFFFFF88}.contactForm textarea{border:1px solid #FFFFFF88;float:left;margin-bottom:10px;width:100%;border-radius:10px;padding:10px;resize:none;height:100px;font-family:inherit;font-size:inherit;background-color:#0009}.contactForm button{background-color:#424343}p.contactText{width:calc(100% - 8px);text-align:left;margin-top:0;padding-left:8px}div.fillBlur{backdrop-filter:blur(20px) brightness(.8);-webkit-backdrop-filter:blur(20px) brightness(.8);height:100%;width:100%;position:absolute;z-index:-1}@media (prefers-color-scheme: light){.gridBG{background:linear-gradient(-90deg,rgba(0,0,0,.1) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.1) 1px,transparent 1px);background-size:32px 32px;background-color:#f3f3f2}.expandedProject .blur{backdrop-filter:blur(175px) brightness(1.4);-webkit-backdrop-filter:blur(175px) brightness(1.4);background:linear-gradient(-90deg,rgba(0,0,0,.075) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.075) 1px,transparent 1px);background-size:16px 16px;background-color:#0000}button.closeButton{background-color:#fff;border:1px solid black}button.closeButton img{filter:none;-webkit-filter:none}h1{color:#000!important}body::selection{background-color:#40acd2;color:#000}div.project,.contactBody{border:1px solid #00000055}div#blue{background-color:#fff}div.blur{backdrop-filter:blur(20px) brightness(.95);-webkit-backdrop-filter:blur(20px) brightness(.95)}div.fillBlur,div.contactBody{backdrop-filter:blur(3px) brightness(.95);-webkit-backdrop-filter:blur(3px) brightness(.95)}div.project:hover{box-shadow:#99999980 0 0 15px}div.socials,img.me{border:1px solid #000000}img.socialIcon{filter:none;-webkit-filter:none}img.socialIcon:hover{cursor:pointer;filter:drop-shadow(0px 0px 5px #999)}.contactForm input,.contactForm textarea,.contactForm button{background-color:#fff;border:1px solid #00000088}.contactForm button{color:#000}}@media (max-width: 700px){div.content{flex-wrap:wrap-reverse}div.meContainer{width:100%;margin-top:0}img.me{width:50%;transform:none;margin-top:20px}div#projects{width:100%}h2.heading{margin-bottom:0;margin-top:15px}div.contact{width:100%}div.contactContainer{max-width:90%}}@media (max-width: 500px){div.projectText{max-width:90%}}@media (max-width: 450px){h1.head{font-size:400%}h2.heading{font-size:200%}}@media (max-width: 400px){img.me{width:75%}}@media (max-width: 350px){h1.head{font-size:300%}}@media (max-width: 300px){div.projectPicContainer{height:150px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#141414;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:inherit;text-decoration:inherit}a:hover{color:inherit}body{margin:0;display:flex;place-items:center;min-width:240px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:inherit}button{background-color:#f9f9f9}}