@import"https://fonts.googleapis.com/css?family=Press+Start+2P";.navbar{display:flex;justify-content:flex-end;padding:1rem;gap:5%;text-shadow:2px 0px 2px rgba(255,0,255,.5),-2px 0px 2px rgba(0,255,191,.5),0px 0px 10px rgba(49,122,255,1);margin-bottom:3rem}.NavLink{color:#fff;font-weight:400;text-decoration:none;font-size:calc(5px + 1vw)}.hero{z-index:2;letter-spacing:4px;filter:drop-shadow(0 1px 3px)}.layers{position:relative}.layers:before,.layers:after{content:attr(data-text);position:absolute;z-index:-1}.layers:before{top:10px;left:15px;color:#e0287d}.layers:after{top:5px;left:-10px;color:#1bc7fb}.glitch span{animation:paths 5s step-end infinite}.glitch:before{animation:paths 5s step-end infinite,opacity 5s step-end infinite,font 8s step-end infinite,movement 10s step-end infinite}.glitch:after{animation:paths 5s step-end infinite,opacity 5s step-end infinite,font 7s step-end infinite,movement 8s step-end infinite}@keyframes movement{0%{top:0;left:-20px}15%{top:10px;left:10px}60%{top:5px;left:-10px}75%{top:-5px;left:20px}to{top:10px;left:5px}}@keyframes font{0%{font-weight:100;color:#e0287d;filter:blur(3px)}20%{font-weight:500;color:#fff;filter:blur(0)}50%{font-weight:300;color:#1bc7fb;filter:blur(2px)}60%{font-weight:700;color:#fff;filter:blur(0)}90%{font-weight:500;color:#e0287d;filter:blur(6px)}}@keyframes opacity{0%{opacity:.1}5%{opacity:.7}30%{opacity:.4}45%{opacity:.6}76%{opacity:.4}90%{opacity:.8}1%,7%,33%,47%,78%,93%{opacity:0}}@keyframes paths{0%{clip-path:polygon(0% 43%,83% 43%,83% 22%,23% 22%,23% 24%,91% 24%,91% 26%,18% 26%,18% 83%,29% 83%,29% 17%,41% 17%,41% 39%,18% 39%,18% 82%,54% 82%,54% 88%,19% 88%,19% 4%,39% 4%,39% 14%,76% 14%,76% 52%,23% 52%,23% 35%,19% 35%,19% 8%,36% 8%,36% 31%,73% 31%,73% 16%,1% 16%,1% 56%,50% 56%,50% 8%)}5%{clip-path:polygon(0% 29%,44% 29%,44% 83%,94% 83%,94% 56%,11% 56%,11% 64%,94% 64%,94% 70%,88% 70%,88% 32%,18% 32%,18% 96%,10% 96%,10% 62%,9% 62%,9% 84%,68% 84%,68% 50%,52% 50%,52% 55%,35% 55%,35% 87%,25% 87%,25% 39%,15% 39%,15% 88%,52% 88%)}30%{clip-path:polygon(0% 53%,93% 53%,93% 62%,68% 62%,68% 37%,97% 37%,97% 89%,13% 89%,13% 45%,51% 45%,51% 88%,17% 88%,17% 54%,81% 54%,81% 75%,79% 75%,79% 76%,38% 76%,38% 28%,61% 28%,61% 12%,55% 12%,55% 62%,68% 62%,68% 51%,0% 51%,0% 92%,63% 92%,63% 4%,65% 4%)}45%{clip-path:polygon(0% 33%,2% 33%,2% 69%,58% 69%,58% 94%,55% 94%,55% 25%,33% 25%,33% 85%,16% 85%,16% 19%,5% 19%,5% 20%,79% 20%,79% 96%,93% 96%,93% 50%,5% 50%,5% 74%,55% 74%,55% 57%,96% 57%,96% 59%,87% 59%,87% 65%,82% 65%,82% 39%,63% 39%,63% 92%,4% 92%,4% 36%,24% 36%,24% 70%,1% 70%,1% 43%,15% 43%,15% 28%,23% 28%,23% 71%,90% 71%,90% 86%,97% 86%,97% 1%,60% 1%,60% 67%,71% 67%,71% 91%,17% 91%,17% 14%,39% 14%,39% 30%,58% 30%,58% 11%,52% 11%,52% 83%,68% 83%)}76%{clip-path:polygon(0% 26%,15% 26%,15% 73%,72% 73%,72% 70%,77% 70%,77% 75%,8% 75%,8% 42%,4% 42%,4% 61%,17% 61%,17% 12%,26% 12%,26% 63%,73% 63%,73% 43%,90% 43%,90% 67%,50% 67%,50% 41%,42% 41%,42% 46%,50% 46%,50% 84%,96% 84%,96% 78%,49% 78%,49% 25%,63% 25%,63% 14%)}90%{clip-path:polygon(0% 41%,13% 41%,13% 6%,87% 6%,87% 93%,10% 93%,10% 13%,89% 13%,89% 6%,3% 6%,3% 8%,16% 8%,16% 79%,0% 79%,0% 99%,92% 99%,92% 90%,5% 90%,5% 60%,0% 60%,0% 48%,89% 48%,89% 13%,80% 13%,80% 43%,95% 43%,95% 19%,80% 19%,80% 85%,38% 85%,38% 62%)}1%,7%,33%,47%,78%,93%{clip-path:none}}.center{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;position:absolute;left:0;right:0;top:0;bottom:0;background-color:#4242e6}.center h1{display:block;font-size:2rem;margin:.6em 0;font-family:"Press Start 2P",cursive;font-weight:700;color:#a5a5ff}.buzz{position:relative;margin:0 auto;background:#4242e6}.buzz:before,.buzz:after{animation-iteration-count:infinite;animation-timing-function:linear;animation-direction:alternate-reverse;overflow:hidden;position:absolute;top:0;clip:rect(0,900px,0,0);content:attr(data-text)}.buzz:after{animation-name:buzz-animation;animation-duration:5s;left:4px;text-shadow:-1px 0 #ffa800;background:#4242e6}.buzz:before{animation-name:buzz-animation-2;animation-duration:6s;left:-4px;text-shadow:1px 0 #00d8ff;background:#4242e6}@keyframes buzz-animation{0%{clip:rect(42px,9999px,44px,0)}5%{clip:rect(12px,9999px,59px,0)}10%{clip:rect(48px,9999px,29px,0)}15%{clip:rect(42px,9999px,73px,0)}20%{clip:rect(63px,9999px,27px,0)}25%{clip:rect(34px,9999px,55px,0)}30%{clip:rect(86px,9999px,73px,0)}35%{clip:rect(20px,9999px,20px,0)}40%{clip:rect(26px,9999px,60px,0)}45%{clip:rect(25px,9999px,66px,0)}50%{clip:rect(57px,9999px,98px,0)}55%{clip:rect(5px,9999px,46px,0)}60%{clip:rect(82px,9999px,31px,0)}65%{clip:rect(54px,9999px,27px,0)}70%{clip:rect(28px,9999px,99px,0)}75%{clip:rect(45px,9999px,69px,0)}80%{clip:rect(23px,9999px,85px,0)}85%{clip:rect(54px,9999px,84px,0)}90%{clip:rect(45px,9999px,47px,0)}95%{clip:rect(37px,9999px,20px,0)}to{clip:rect(4px,9999px,91px,0)}}@keyframes buzz-animation-2{0%{clip:rect(65px,9999px,100px,0)}5%{clip:rect(52px,9999px,74px,0)}10%{clip:rect(79px,9999px,85px,0)}15%{clip:rect(75px,9999px,5px,0)}20%{clip:rect(67px,9999px,61px,0)}25%{clip:rect(14px,9999px,79px,0)}30%{clip:rect(1px,9999px,66px,0)}35%{clip:rect(86px,9999px,30px,0)}40%{clip:rect(23px,9999px,98px,0)}45%{clip:rect(85px,9999px,72px,0)}50%{clip:rect(71px,9999px,75px,0)}55%{clip:rect(2px,9999px,48px,0)}60%{clip:rect(30px,9999px,16px,0)}65%{clip:rect(59px,9999px,50px,0)}70%{clip:rect(41px,9999px,62px,0)}75%{clip:rect(2px,9999px,82px,0)}80%{clip:rect(47px,9999px,73px,0)}85%{clip:rect(3px,9999px,27px,0)}90%{clip:rect(26px,9999px,55px,0)}95%{clip:rect(42px,9999px,97px,0)}to{clip:rect(38px,9999px,49px,0)}}@font-face{font-family:Calibration Gothic Latin;src:url(/assets/CalibrationGothicNbpLatin-rYmy-a5zgoS41.ttf) format("truetype")}:root{--font-family: "Calibration Gothic Latin"}html,body{width:100vw;height:100vh;overflow:hidden;position:relative;cursor:url(http://www.rw-designer.com/cursor-extern.php?id=125391),default}body a:link{cursor:url(http://www.rw-designer.com/cursor-extern.php?id=125400),pointer}*{font-family:var(--font-family);box-sizing:border-box;margin:0;padding:0}:root{--top: 0;--left: 0;--v-height: 30%}.name{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:3rem;position:relative}.name h1{width:auto;color:#fff;font-weight:700;letter-spacing:5px;text-align:center;font-size:1.5rem;transform:scaleX(var(--scale, 1));animation:glitch-p 11s infinite alternate;text-shadow:2px 0px 2px rgba(255,0,255,.5),-2px 0px 2px rgba(0,255,191,.5),0px 0px 10px rgba(49,122,255,1)}.name h1:before,.name h1:after{display:flex;justify-content:center;align-items:center;position:absolute;right:0;bottom:0;content:attr(data-text);text-align:center;transform:translate(calc(var(--left) * 100%));filter:drop-shadow(0 0 transparent);text-shadow:calc(var(--left) * -3em) 0 .02em lime,calc(var(--left) * -6em) 0 .02em #ff00e1}.name h1:before{animation:glitch-b 1.7s infinite alternate-reverse}.name h1:after{animation:glitch-a 3.1s infinite alternate}.bio{margin-top:10px;text-align:center;color:#fff;text-shadow:2px 0px 2px rgba(255,0,255,.5),-2px 0px 2px rgba(0,255,191,.5),0px 0px 10px rgba(49,122,255,1)}.logos{display:flex;justify-content:center;flex-wrap:wrap;margin-top:2rem}.logos img{width:50px;height:50px;margin:auto}#node_logo{width:70px}#react_logo{height:65px}#sql_logo{width:55px}#git_logo{width:45px}.logos img:hover{scale:1.2}#react_logo:hover{animation:spin 2s linear infinite}.OneLogo{display:flex;flex-direction:column;justify-content:center;margin:2rem 2rem 0}.OneLogo span{justify-content:center;margin-top:.5rem}button{margin:50px 20px 20px}.custom-btn{color:#fff;width:fit-content;height:fit-content;padding:6px 15px;font-weight:700;background:transparent;transition:all .3s ease;position:relative;cursor:url(http://www.rw-designer.com/cursor-extern.php?id=125400),pointer}.btn{color:#00ffbf;box-shadow:0 0 5px #00ffbf,0 0 5px #00ffbf inset;border:1px solid #00ffbf;z-index:1}.btn:after{position:absolute;content:"";width:100%;height:0;bottom:0;left:0;z-index:-1;box-shadow:0 0 5px #00ffbf,0 0 5px #00ffbf inset;transition:all .3s ease}.btn:hover:after{top:0;height:100%}.btn:active{top:2px}@media screen and (min-height: 500px){.name,.mainContact{margin-top:6rem}}@media screen and (min-height: 700px){.name,.mainContact{margin-top:7rem}}@media screen and (min-height: 900px){.name,.mainContact{margin-top:8rem}}@media screen and (min-height: 1100px){.name,.mainContact{margin-top:9rem}}@media screen and (min-height: 1300px){.name,.mainContact{margin-top:10rem}}@media screen and (min-height: 1500px){.name,.mainContact{margin-top:11rem}}@media screen and (min-height: 1700px){.name,.mainContact{margin-top:12rem}}@media screen and (min-height: 1900px){.name,.mainContact{margin-top:13rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glitch-p{17%{--scale: .87}31%{--scale: 1.1}37%{--scale: 1.3}47%{--scale: .91}87%{--scale: 1}}@keyframes glitch-a{10%,30%,50%,70%,90%{--top: 0;--left: 0}0%{--v-height: 15%}20%{--left: .005}40%{--left: .01;--v-height: 20%;--top: 3}60%{--left: .03;--v-height: 25%;--top: 6}80%{--left: .07;--v-height: 5%;--top: 8}to{--left: .083;--v-height: 30%;--top: 1}}@keyframes glitch-b{10%,30%,50%,70%,90%{--top: 0;--left: 0}0%{--v-height: 15%;--top: 10}20%{--left: -.005}40%{--left: -.01;--v-height: 17%;--top: 3}60%{--left: -.03;--v-height: 35%;--top: 6}80%{--left: -.07;--v-height: 5%;--top: 8}to{--left: -.083;--v-height: 30%;--top: 1}}.name h3{font-size:1.3rem;text-align:center;color:#fff;text-shadow:2px 0px 2px rgba(255,0,255,.5),-2px 0px 2px rgba(0,255,191,.5),0px 0px 10px rgba(49,122,255,1);margin:auto}.projects{margin-top:2rem;display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;letter-spacing:1px}.projects img{width:80px;height:70px;border-radius:4px}.projects span{justify-content:center;margin-top:.5rem}.first,.second,.third,.fourth{display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;color:#fff;text-shadow:2px 0px 2px rgba(255,0,255,.5),-2px 0px 2px rgba(0,255,191,.5),0px 0px 10px rgba(49,122,255,1);margin:1rem 1.5rem 0}.mainContact{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;position:relative;margin-left:auto;margin-right:auto}.mail,.phone,.madeHere,.curriculum{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1rem;letter-spacing:1px;margin:4vh 6vw 0 6vw}.curriculum{width:100vw}.mainContact h3{font-size:1.3rem;padding-top:1rem;color:#fff;text-shadow:2px 0px 2px rgba(255,0,255,.5),-2px 0px 2px rgba(0,255,191,.5),0px 0px 10px rgba(49,122,255,1)}.mainContact a{font-weight:700;text-decoration:none}.madeHere{flex-direction:row;position:absolute;bottom:0;left:0;margin:0 0 .5rem;opacity:.1;scale:.7}.madeHere:hover{opacity:1}.madeHere h3{color:#fff;font-size:calc(4px + 1vw);letter-spacing:2px;margin:auto}.madeHere h3:hover{opacity:1}.madeHere a{text-decoration:none}#maybeNote{opacity:.3}.external{display:flex;justify-content:center;align-items:center;gap:3vw;margin-top:10vh}.external img{width:50px;height:50px}.phone a{color:#ff9aff;box-shadow:0 0 5px #ff9aff,0 0 5px #ff9aff inset;border:1px solid #ff9aff;z-index:1}.maybe:after{box-shadow:0 0 5px #ff9aff,0 0 5px #ff9aff inset}.made-btn{text-decoration:none;color:#fff;width:fit-content;height:fit-content;padding:6px 15px;font-weight:500;background:transparent;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block}.button{color:#fff;border:1px solid #fff;z-index:1;letter-spacing:1px;box-shadow:1px 0 3px #ff00ff80,-1px 0 3px #00ffbf80,0 0 3px #317aff}.button:hover{box-shadow:2px 0 10px #ff00ff80,-2px 0 10px #00ffbf80,0 0 10px #317aff}.button:active{top:2px}@font-face{font-family:VT323;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/vt323/v17/pxiKyp0ihIEF2isfFJU.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.container{width:100vw;margin-right:auto;color:#e0e2f4;text-align:center}.main{width:100vw;height:100vh;background:#0414a7;padding-top:10%}.title{text-align:center;color:#0414a7;margin-bottom:50px}.main h1 span{font-family:VT323,monospace;font:normal 2.75rem/1.05em;background:#aaa;padding:0 15px 2px 13px}.main p{font-family:VT323,monospace}.nav{font-family:VT323,monospace;margin-top:35px;text-align:center}.link{font-family:VT323,monospace;color:#e0e2f4;text-decoration:none;padding:0 9px 2px 8px}.link:hover,.link:focus{background:#aaa;color:#0414a7}