*{padding:0;box-sizing:border-box}*,body{margin:0}body{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}a{color:#fff;transition:all .3s}a:hover{color:#f1f1f1!important}.app{min-height:100vh;font-family:"Poppins",sans-serif;color:#fff;width:100%}body{background-color:#000}h2{font-size:42px}h2,h3{font-family:"Poppins",sans-serif;color:#fff}h3{font-size:36px}h4,h5,h6{font-family:"Poppins",sans-serif}a i{transition:all .3s}a i:hover{color:#0096c3!important}.line{border:1px solid #fff;width:70%}p{font-size:18px;font-family:"Poppins",sans-serif}.page-header{font-size:80px;line-height:1}.close-btn{border:2px solid red;background-color:#f1f1f1;top:8px;right:8px;padding:2px;color:red;z-index:44;position:absolute;transition:all .3s}.close-btn:hover{border:2px solid #f1f1f1;color:#f1f1f1;background-color:red}.night-pallete{background-color:#000;color:#fff}.content-container{width:100%;margin:0 auto;background-color:#000;padding:28px}.parallax-section{position:relative}.parallax-bg{position:-webkit-sticky;position:sticky;top:0;height:100vh;width:100%;z-index:0;background-size:cover;background-position:50%;background-repeat:no-repeat;-webkit-filter:brightness(.7);filter:brightness(.7)}.parallax-content{position:relative;z-index:1;padding-top:15vh;width:100%;overflow:hidden}.bg-color{background-color:#000}.off-black-bg-color{background-color:#242424}.bg-teal,.light-blue-color{background-color:#2b768d}.light-blue-text{color:#1db7eb}.teal-text{color:#2b768d}.grey-font{color:#bfbfbf}.aguafina-font{font-family:"Aguafina Script",cursive}.alata-font{font-family:"Alata",sans-serif}.poppins-font{font-family:"Poppins",sans-serif}.prompt-font{font-family:"Prompt",sans-serif}.righteous-font{font-family:"Righteous",cursive}@media screen and (max-width:1000px){.page-header{font-size:60px}}#nav-style a{color:#fff;transition:all .3s;cursor:pointer}#nav-style a.active{font-weight:700;color:red}#nav-style a.active:hover,#nav-style a:hover{color:grey!important;text-decoration:none}#nav-style{position:fixed;top:0;width:100%;background-color:#000;z-index:555}#nav-style .nav-btn{background:none;border:none;color:#fff;transition:all .3s;cursor:pointer;padding:0}#nav-style .nav-btn.active{font-weight:700;color:red}#nav-style .nav-btn.active:hover,#nav-style .nav-btn:hover{color:grey!important;text-decoration:none}.about-subheader{color:red}.about-ul{padding:0 15px;list-style-type:square}.skills-grid{display:flex;width:100%;flex-wrap:wrap;justify-content:space-between;margin-top:50px}.skills-box{width:24%}.gray-box,.skills-box{background-color:#212120;padding:10px;color:#fff;margin-bottom:10px}.skills-box ul{padding:15px;list-style-type:square}@media screen and (max-width:1250px){.skills-box{width:33%}}@media screen and (max-width:1000px){.about-subheader{font-size:24px}.skills-box{width:49%}}@media screen and (max-width:600px){.about-ul{font-size:14px}.skills-grid{justify-content:center}.skills-box{width:100%}}.project-item{flex:0 0 50%;background-color:#000;overflow:hidden;display:block;text-decoration:none;color:#fff;transition:transform .3s ease,box-shadow .3s ease,-webkit-filter .3s ease;transition:transform .3s ease,filter .3s ease,box-shadow .3s ease;transition:transform .3s ease,filter .3s ease,box-shadow .3s ease,-webkit-filter .3s ease}.project-pic{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .4s ease,-webkit-filter .3s ease;transition:transform .4s ease,filter .3s ease;transition:transform .4s ease,filter .3s ease,-webkit-filter .3s ease}.project-title{padding:10px;margin:0}.project-text{padding:10px;font-size:14px;max-height:120px;overflow-y:scroll}.project-link:focus-visible,.project-link:hover{cursor:pointer;transform:translateY(-2px);box-shadow:0 8px 30px rgba(255,0,0,.25)}.project-link:focus-visible .project-pic,.project-link:hover .project-pic{-webkit-filter:brightness(.7);filter:brightness(.7);transform:scale(1.04)}.project-link:active,.project-link:hover,.project-link:visited{color:#fff;text-decoration:none}@media screen and (max-width:1000px){.project-item{flex:0 0 100%}.project-text{max-height:70px}}.design-card{flex:0 0 clamp(200px,22vw,320px);aspect-ratio:1/1;background:#000;overflow:hidden;cursor:pointer;border:1px solid hsla(0,0%,100%,.12)}.design-card img{width:100%;height:100%;object-fit:cover;display:block}.design-card:hover{border:1px solid #fff;-webkit-filter:brightness(.75);filter:brightness(.75)}.design-modal-overlay{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;padding:24px}.design-modal{max-width:min(900px,95vw);max-height:90vh;background:#000;border:1px solid hsla(0,0%,100%,.2);padding:12px}.modal-image{width:100%;height:auto;max-height:75vh;object-fit:contain;display:block}.modal-detail{background:#212120;padding:10px;font-size:14px}.close-btn,.modal-detail{margin-top:10px;color:#fff}.close-btn{background:none;border:1px solid hsla(0,0%,100%,.35);padding:6px 10px;cursor:pointer}.close-btn:hover{background:rgba(255,0,0,.2)}@media screen and (max-width:600px){.portfolio-description{font-size:14px}}.snap-wrap{position:relative;width:100%}.snap-track{display:flex;grid-gap:16px;gap:16px;padding:16px 48px;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.snap-track::-webkit-scrollbar{height:8px}.snap-track::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2)}.snap-track>*{scroll-snap-align:start}.snap-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:36px;height:36px;background:rgba(0,0,0,.7);color:#fff;cursor:pointer}.snap-btn.left{left:8px}.snap-btn.right{right:8px}.snap-btn:hover{background:rgba(255,0,0,.25)}.snap-track{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.snap-track::-webkit-scrollbar{display:none}.form-style{width:80vw}.neg{color:tomato}.pos{color:#90ee90}.home-wrap{position:relative;min-height:100vh}.logo-container{margin:0 auto;padding:20px;color:#fff;display:flex;align-items:center;justify-content:center;font-family:"system-ui"}#about,#contact,#portfolio{background:#000}.logo-container img{width:100vw;height:auto}.header{font-size:160px;text-transform:uppercase;font-weight:600}.sub-header{margin-top:20px;width:100%;text-align:center}@media only screen and (max-width:1400px){.sub-header{width:unset}}@media only screen and (max-width:1000px){.header{font-size:80px}.sub-header{font-size:18px;text-align:left}}@media only screen and (max-width:600px){.header{font-size:72px}.sub-header{font-size:12px}}@media only screen and (max-width:400px){.header{font-size:60px}}.rain-line{position:absolute;width:2px;background-color:#fff;transition:background-color .5s ease;pointer-events:none}.rain-line.faded{background-color:grey}.rain-line.red{background-color:red}.rain-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;pointer-events:none}.rain-hitbox{pointer-events:auto}.grid-container{display:flex;justify-content:center;align-items:center;cursor:none}.circle{width:10px;height:10px;transition:transform .5s cubic-bezier(.25,1,.5,1);will-change:transform}.circle:after,.circle:before{background-color:red}.circle:before{left:0;transform:translateY(-50%)}.circle:after{top:0;transform:translateX(-50%)}.top-container{margin:0;padding:0;background:#000;overflow:hidden;height:100vh;width:100vw}.triangle-grid{position:relative;width:100vw;height:100vh;cursor:crosshair}.triangle{border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:21px solid #fff;transition:all .3s ease;transform-origin:center}.triangle.ripple{-webkit-animation:ripple 2.2s ease-in-out infinite;animation:ripple 2.2s ease-in-out infinite}@-webkit-keyframes ripple{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.85}}@keyframes ripple{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.85}}.triangle.active{border-bottom-color:red}.triangle.rotate-down,.triangle.rotated-red{transform:rotate(180deg)}.triangle.rotated-red{border-bottom-color:red;opacity:.8}.shape-cross{position:absolute;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.shape-cross .bar-horizontal,.shape-cross .bar-vertical{position:absolute;background-color:red;border-radius:1px}.shape-cross .bar-horizontal{width:14px;height:2px}.shape-cross .bar-vertical{width:2px;height:14px}.rain-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none}.rain-line-003{position:absolute;width:1px;height:100%}.rain-segment{position:absolute;width:1px;height:40px;background-color:#fff;opacity:.8;-webkit-animation:fallSegment 3s linear infinite;animation:fallSegment 3s linear infinite;transition:background-color .2s ease,opacity .2s ease}.rain-segment.red{background-color:red;opacity:1}@-webkit-keyframes fallSegment{0%{transform:translateY(-150%)}to{transform:translateY(150%)}}@keyframes fallSegment{0%{transform:translateY(-150%)}to{transform:translateY(150%)}}.top-cont{display:flex;justify-content:center;align-items:center}.diamond-container{position:relative;width:0;height:0}.square{position:absolute;width:80px;height:80px;border:2px solid #fff;background:transparent;box-sizing:border-box;transition:border-color .3s ease;opacity:1}.square.top{cursor:-webkit-grab;cursor:grab;z-index:2}.square.top.active{border-color:red;cursor:-webkit-grabbing;cursor:grabbing}.square.trail{-webkit-animation:floatTrail 4.5s ease-out forwards;animation:floatTrail 4.5s ease-out forwards;pointer-events:none;z-index:1;opacity:0;mix-blend-mode:screen;-webkit-filter:blur(.5px);filter:blur(.5px)}.square.trail.white{border-color:#fff}.square.trail.red{border-color:red;box-shadow:0 0 8px red}@-webkit-keyframes floatTrail{0%{transform:scale(.7);opacity:0}20%{opacity:.5}50%{opacity:.9}90%{opacity:.6}to{transform:scale(1.3);opacity:.2}}@keyframes floatTrail{0%{transform:scale(.7);opacity:0}20%{opacity:.5}50%{opacity:.9}90%{opacity:.6}to{transform:scale(1.3);opacity:.2}}.top-cont{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.diagonal-container{position:absolute;width:100vw;height:100vh;overflow:hidden}.line-column{top:0}.line-column,.line-segment{position:absolute;width:2px}.line-segment{background-color:#fff;transition:background-color .2s ease;opacity:.9}.line-segment.red{background-color:red;opacity:1}.mask-circle{position:absolute;width:600px;height:600px;background:#000;opacity:.8;border-radius:50%;z-index:2;cursor:-webkit-grab;cursor:grab}.mask-circle:active{background-color:transparent}.grid-container{background-color:#000;width:100vw;height:100vh;position:relative;margin:0;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.circle{position:absolute;width:16px;height:16px;background-color:transparent;transform-origin:center}.circle:after,.circle:before{content:"";position:absolute;background-color:#fff}.circle:before{width:10px;height:2px}.circle:after,.circle:before{top:50%;left:50%;transform:translate(-50%,-50%)}.circle:after{width:2px;height:10px}.circle.activated{border:1px solid red;border-radius:50%;-webkit-animation:rotatePlus 1.2s linear infinite;animation:rotatePlus 1.2s linear infinite}.circle.red:after,.circle.red:before{background-color:red}@-webkit-keyframes rotatePlus{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotatePlus{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.line-background{height:100%;top:0;left:0;pointer-events:none}.h-line,.line-background{position:absolute;width:100%}.h-line{height:2px;background-color:#242424;opacity:1}.red-ball{position:absolute;width:200px;height:200px;background:#000;border-radius:50%;transform:translate(-50%,-50%);z-index:5;pointer-events:auto;border:1px solid #fff}.red-ball:hover{background-color:#fff;opacity:.6;border:1px solid #000}.plus-sign{position:absolute;width:20px;height:20px;transform:translate(-50%,-50%);z-index:6}.plus-sign:after,.plus-sign:before{content:"";position:absolute;background-color:#fff}.plus-sign.red:after,.plus-sign.red:before{background-color:red}.plus-sign:before{width:12px;height:2px;top:5px;left:0}.plus-sign:after{width:2px;height:12px;top:0;left:5px}.top-cont{margin:0;padding:0;cursor:pointer}.ascii-grid{position:absolute;top:0;left:0}.plus{position:absolute;font-family:monospace;font-size:16px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:transform .2s ease-out}.plus.faint{color:#444}.plus.dim{color:#666}.plus.shadow{color:#888}.plus.bright{color:#ccc}.plus.white{color:#fff}.plus.highlight{color:#eee}.plus.bold{color:#fefefe}.plus.red{color:red}.top-cont{background:#000;width:100vw;height:100vh;overflow:hidden;position:relative;font-family:monospace}.mask-center{position:absolute;top:50%;left:50%;width:600px;height:600px;margin-left:-300px;margin-top:-300px;border-radius:50%;opacity:0;pointer-events:none}.letter-column{position:absolute;top:0}.letter{position:absolute;color:red;font-size:18px;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.letter.down{-webkit-animation-name:curveDown;animation-name:curveDown}.letter.up{-webkit-animation-name:curveUp;animation-name:curveUp}@-webkit-keyframes curveDown{0%{transform:translateY(var(--start-y)) translateX(0);opacity:0}50%{transform:translateY(50vh) translateX(calc(var(--x-offset)*0.3));opacity:1}to{transform:translateY(100vh) translateX(0);opacity:0}}@keyframes curveDown{0%{transform:translateY(var(--start-y)) translateX(0);opacity:0}50%{transform:translateY(50vh) translateX(calc(var(--x-offset)*0.3));opacity:1}to{transform:translateY(100vh) translateX(0);opacity:0}}@-webkit-keyframes curveUp{0%{transform:translateY(var(--start-y)) translateX(0);opacity:0}50%{transform:translateY(50vh) translateX(calc(var(--x-offset)*-0.3));opacity:1}to{transform:translateY(0) translateX(0);opacity:0}}@keyframes curveUp{0%{transform:translateY(var(--start-y)) translateX(0);opacity:0}50%{transform:translateY(50vh) translateX(calc(var(--x-offset)*-0.3));opacity:1}to{transform:translateY(0) translateX(0);opacity:0}}.boris-circles-container{background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.boris-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.boris-ring-inner{position:relative;width:100%;height:100%;-webkit-animation:rotate 20s linear infinite;animation:rotate 20s linear infinite}.boris-letter{position:absolute;font-family:monospace;font-size:18px;letter-spacing:4px;pointer-events:none}.red{color:red}.white{color:#fff}.rotate-clockwise{-webkit-animation:rotate 30s linear infinite;animation:rotate 30s linear infinite}.rotate-counter{-webkit-animation:rotate-reverse 30s linear infinite;animation:rotate-reverse 30s linear infinite}@-webkit-keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes rotate-reverse{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes rotate-reverse{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.top-cont.diamond-cont{background:#000;width:100vw;height:100vh;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center}.diamond{z-index:1}.diamond,.triangle{position:absolute;width:0;height:0}.triangle{border-left:40px solid transparent;border-right:40px solid transparent}.top-triangle{border-bottom:60px solid red;transform:translate(-40px,-60px)}.bottom-triangle{border-top:60px solid red;transform:translate(-40px)}.spiral-letter{position:absolute;font-family:monospace;font-size:18px;color:#fff;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:transform .1s linear;z-index:2}.top-cont.emit-ritual{position:relative;width:100vw;height:100vh;background:#000;overflow:hidden}.emit-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:monospace;font-size:48px;white-space:nowrap;color:red;pointer-events:none;z-index:1000}.emit-letter{display:inline-block}.emit-particle{position:absolute;font-family:monospace;font-size:24px;color:#fff;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transform:translate(-50%,-50%)}.vortex-top-cont{background:#000;width:100vw;height:100vh;overflow:hidden;position:relative;font-family:monospace}.vortex-plus{position:absolute;font-size:18px;line-height:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;transform:translate(-50%,-50%)}.vortex-plus.white{color:#fff}.vortex-plus.red{color:red}.ccg-top-cont{position:relative;width:100vw;height:100vh;margin-top:43px;background:#000;overflow:hidden}.ccg-cell{position:absolute;font-family:monospace;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.gr-top-cont{position:relative;width:100vw;height:100vh;background:#000;overflow:hidden}.gr-text-base{top:50%;left:50%;transform:translate(-50%,-50%);font-family:monospace;font-size:72px;color:red;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.gr-slice,.gr-text-base{position:absolute;pointer-events:none}.gr-slice{overflow:hidden;color:#fff;z-index:2}.gr-text-glitch{position:absolute;top:10;left:10;transform-origin:center center}
/*# sourceMappingURL=main.a92f554a.chunk.css.map */