@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap);@import url(//fonts.googleapis.com/css?family=Vibur);*{box-sizing:border-box}:root{--color:#fff;--gitch-before:#0ff;--glitch-after:#f0f;--text-color:linear-gradient(90deg,#fffbd5,#b20a2c);font-family:Poppins}#root,body{color:#fff;color:var(--color);height:100%;margin:0;padding:0;width:100%}.background{background:linear-gradient(180deg,#281130,#0f0021);position:absolute;z-index:-20}.background,.line-container{bottom:0;left:0;right:0;top:0}.line-container{height:100%;overflow:hidden;position:fixed;text-align:center;width:100%}svg{display:inline-block}.navbar{color:#fff;left:20px;list-style:none;position:absolute;top:20px;z-index:2}.nav li,.navicon{cursor:pointer}.nav li{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:hsla(0,14%,90%,.23);border:1px solid #fff;box-shadow:0 4px 30px rgba(0,0,0,.1);height:50px;line-height:20px;list-style:none;padding:10px;-webkit-transition:all .5s ease-in-out}.nav{padding:0;position:absolute;width:clamp(5rem,10rem,15rem);z-index:4}.nav li a{font-size:1rem;text-align:center}.nav li a:after,.nav li a:before{top:1.5rem}.nav li:nth-child(odd){-webkit-transform:perspective(350px) rotateX(-90deg);-webkit-transform-origin:top}.nav li:nth-child(2n){margin-top:-65px;-webkit-transform:perspective(350px) rotateX(90deg);-webkit-transform-origin:bottom}.navbar:hover li:nth-child(odd){margin-top:0;-webkit-transform:perspective(350px) rotateX(0deg);-webkit-transform-origin:top}.navbar:hover li:nth-child(2n){margin-top:0;-webkit-transform:perspective(350px) rotateX(0deg);-webkit-transform-origin:bottom}.nav li:first-child{margin-top:0}.nav li:hover{background-color:#281130}.intro{align-items:center;display:grid;grid-template-columns:2fr 1fr;height:100vh}.description{align-self:center;justify-self:center}.glitchy{color:#fff;color:var(--color);display:inline-block;font-size:6rem;position:relative;text-decoration:none;z-index:1}.glitchy:after,.glitchy:before{bottom:0;content:attr(data-content);left:0;position:absolute;right:0;top:0}.glitchy:before{-webkit-animation:glitchy .3s ease .3s infinite;animation:glitchy .3s ease .3s infinite;color:#0ff;color:var(--gitch-before);z-index:-1}.glitchy:after{animation:glitchy .3s ease infinite reverse;color:#f0f;color:var(--glitch-after);z-index:-2}@-webkit-keyframes glitchy{0%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}25%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}50%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}75%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}to{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}}@keyframes glitchy{0%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}25%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}50%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}75%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}to{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}}.glitchy-line{border-bottom:1px solid fade(#fff,75%);border-bottom:1px solid fade(var(--color),75%);color:#fff;color:var(--color);display:inline-block;font-size:2rem;font-weight:lighter;letter-spacing:.1rem;padding-bottom:5px;position:relative;text-decoration:none;z-index:1}.glitchy-line:after,.glitchy-line:before{bottom:0;content:"";height:1px;left:0;position:absolute;right:0;top:4rem;visibility:hidden}.glitchy-line:before{background-color:#0ff;background-color:var(--gitch-before);z-index:-1}.glitchy-line:after{background-color:#f0f;background-color:var(--glitch-after);z-index:-2}.glitchy-line:hover:before{-webkit-animation:line-glitchy .3s ease .3s infinite;animation:line-glitchy .3s ease .3s infinite;visibility:visible}.glitchy-line:hover:after{animation:line-glitchy .3s ease infinite reverse;visibility:visible}@-webkit-keyframes line-glitchy{0%{-webkit-transform:translate(-1px,1px);transform:translate(-1px,1px)}25%{-webkit-transform:translate(-1px,-1px);transform:translate(-1px,-1px)}50%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}75%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}to{-webkit-transform:translate(-1px,1px);transform:translate(-1px,1px)}}@keyframes line-glitchy{0%{-webkit-transform:translate(-1px,1px);transform:translate(-1px,1px)}25%{-webkit-transform:translate(-1px,-1px);transform:translate(-1px,-1px)}50%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}75%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}to{-webkit-transform:translate(-1px,1px);transform:translate(-1px,1px)}}.tvstack{top:150px;z-index:-10}.avatar,.tvstack{position:absolute}.avatar{border-radius:50%/10%;height:130px;margin-left:75px;opacity:1;overflow:hidden;top:455px;width:165px;z-index:-9}.avatar:before{-webkit-animation:skew 3s cubic-bezier(.25,.46,.45,.94) infinite both;animation:skew 3s cubic-bezier(.25,.46,.45,.94) infinite both;background:inherit;border-radius:5%/50%;bottom:10%;content:"";left:-5%;opacity:.8;position:absolute;right:-5%;top:10%;z-index:3}.avatar:after{-webkit-animation:flicker 4s cubic-bezier(.25,.46,.45,.94) infinite both;animation:flicker 4s cubic-bezier(.25,.46,.45,.94) infinite both;opacity:.8;z-index:2}.avatar:after,.avatar:before{content:"";display:block;height:100%;position:absolute;width:100%}.avatar,.avatar:after,.avatar:before{background-image:url(/static/media/newavatar.2d65fd150c3a13311627.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}@-webkit-keyframes flicker{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}89%{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}90%{opacity:.9;-webkit-transform:translateX(2px);transform:translateX(2px)}91%{-webkit-transform:translateX(0);transform:translateX(0)}92%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);-webkit-transform:translateX(-1px);transform:translateX(-1px)}93%{-webkit-filter:hue-rotate(30deg);filter:hue-rotate(30deg);-webkit-transform:translateX(-2px);transform:translateX(-2px)}95%{-webkit-filter:blur(1px);filter:blur(1px);-webkit-transform:translateX(6px);transform:translateX(6px)}97%{-webkit-filter:hue-rotate(5deg);filter:hue-rotate(5deg);-webkit-transform:translateX(-1px);transform:translateX(-1px)}98%{-webkit-filter:blur(0);filter:blur(0);-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);-webkit-transform:translateX(2px);transform:translateX(2px)}99%{opacity:.9;-webkit-transform:translateX(-3px);transform:translateX(-3px)}to{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes flicker{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}89%{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}90%{opacity:.9;-webkit-transform:translateX(2px);transform:translateX(2px)}91%{-webkit-transform:translateX(0);transform:translateX(0)}92%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);-webkit-transform:translateX(-1px);transform:translateX(-1px)}93%{-webkit-filter:hue-rotate(30deg);filter:hue-rotate(30deg);-webkit-transform:translateX(-2px);transform:translateX(-2px)}95%{-webkit-filter:blur(1px);filter:blur(1px);-webkit-transform:translateX(6px);transform:translateX(6px)}97%{-webkit-filter:hue-rotate(5deg);filter:hue-rotate(5deg);-webkit-transform:translateX(-1px);transform:translateX(-1px)}98%{-webkit-filter:blur(0);filter:blur(0);-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);-webkit-transform:translateX(2px);transform:translateX(2px)}99%{opacity:.9;-webkit-transform:translateX(-3px);transform:translateX(-3px)}to{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes skew{0%{opacity:.7;-webkit-transform:skew(0deg,0deg);transform:skew(0deg,0deg)}10%{-webkit-transform:skew(0deg,0deg);transform:skew(0deg,0deg)}12%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);-webkit-transform:skew(-15deg,0deg);transform:skew(-15deg,0deg)}14%{-webkit-filter:hue-rotate(-10deg);filter:hue-rotate(-10deg);opacity:.5;-webkit-transform:skew(15deg,0deg);transform:skew(15deg,0deg)}16%{-webkit-filter:hue-rotate(25deg);filter:hue-rotate(25deg);opacity:.7;-webkit-transform:skew(0deg,0deg);transform:skew(0deg,0deg)}17%{opacity:0}to{opacity:0;-webkit-transform:skew(0deg,0deg);transform:skew(0deg,0deg)}}@keyframes skew{0%{opacity:.7;-webkit-transform:skew(0deg,0deg);transform:skew(0deg,0deg)}10%{-webkit-transform:skew(0deg,0deg);transform:skew(0deg,0deg)}12%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);-webkit-transform:skew(-15deg,0deg);transform:skew(-15deg,0deg)}14%{-webkit-filter:hue-rotate(-10deg);filter:hue-rotate(-10deg);opacity:.5;-webkit-transform:skew(15deg,0deg);transform:skew(15deg,0deg)}16%{-webkit-filter:hue-rotate(25deg);filter:hue-rotate(25deg);opacity:.7;-webkit-transform:skew(0deg,0deg);transform:skew(0deg,0deg)}17%{opacity:0}to{opacity:0;-webkit-transform:skew(0deg,0deg);transform:skew(0deg,0deg)}}.wrapper{display:flex}.c1,.c2{display:inline-block}.type1{-webkit-animation:typing 3s steps(6) forwards;animation:typing 3s steps(6) forwards;margin-left:120px;top:210px}.type1,.type2{border-right:3px solid #fff;border-right:3px solid var(--color);font-family:monospace;font-size:1.5rem;overflow:hidden;position:absolute;white-space:nowrap;width:0}.type2{-webkit-animation:typing 3s steps(7) forwards;animation:typing 3s steps(7) forwards;-webkit-animation-delay:3s;animation-delay:3s;margin-left:110px;top:350px}@-webkit-keyframes typing{0%{width:0}to{width:7ch}}@keyframes typing{0%{width:0}to{width:7ch}}.about{grid-column:1/3;margin:0 15%}.glitchy-line.title{left:45%;margin:2rem 0}.projectList{display:flex;justify-content:space-around;margin-top:1.5rem}.project{margin:20px;max-width:20%;position:relative}.project:after,.project:before{background:linear-gradient(90deg,#fc466b,#3f5efb 100%,transparent 0);border:2px solid --glitch-after;content:"";height:100%;position:absolute;transition:.3s ease;width:100%;z-index:-1}.project:before{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAU0lEQVQoU43QMRYAEQwE0ExHyf3vqNxybF6wRIpNZ3whIL74UJDh4zNQpFWTSMOx9y0m0m6FdmDDBnc073QYIQqwweDxa5jR+Zru+gUNCvkPvrgDcCIgJ6cWP4UAAAAASUVORK5CYII=) repeat;left:-15px;top:-15px}.project:after{bottom:-15px;right:-15px}.project:hover:before{left:15px;top:15px}.project:hover:after{bottom:15px;right:15px}.project:hover:after+.hide{color:#fff;color:var(--color);display:block}.projectimg{cursor:pointer;display:block;height:auto;max-width:15rem}.glitchy-line.title.tech{left:42%}.modal{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2}.modal-content{background:#1c0720;border:7px solid #fff;color:--color;height:auto;overflow:hidden;padding:1rem;position:relative;width:60%;z-index:0}.windowClose{cursor:pointer;float:right}.projectinfo{padding:1rem}.project-img{width:50%}.icons{cursor:pointer;display:flex;gap:1rem;justify-content:space-around;margin-bottom:1rem;margin-top:1rem}.technologies{display:block;margin:2rem 0}.marquee{--gap:2rem;display:flex;gap:var(--gap);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.techicon{flex-direction:column;justify-content:center;max-width:clamp(10rem,1rem + 28vmin,20rem);padding:10px}.marqueeGroup,.techicon{align-items:center;display:flex}.marqueeGroup{-webkit-animation:scroll 30s linear infinite;animation:scroll 30s linear infinite;flex-shrink:0;gap:var(--gap);justify-content:space-around;min-width:100%}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(calc(-100% - var(--gap)));transform:translateX(calc(-100% - var(--gap)))}}@keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(calc(-100% - var(--gap)));transform:translateX(calc(-100% - var(--gap)))}}@media(prefers-reduced-motion:reduce){.marqueeGroup{-webkit-animation-play-state:paused;animation-play-state:paused}}.contact{justify-content:space-around;margin-top:3.5rem}.contact,.contactinfo{align-items:center;display:flex}.contactinfo{flex-direction:column;gap:1rem;height:100%;justify-content:space-between}@media (max-width:800px){.contact,.projectList{flex-direction:column}}.neonsign{text-align:center;-webkit-user-select:none;user-select:none}.neonsign span{-webkit-animation:shine 2s forwards,flick 3s infinite;animation:shine 2s forwards,flick 3s infinite;color:#fc466b;font-family:Vibur;font-size:5rem;text-shadow:0 0 .6rem #ffe6ff,0 0 1.5rem #ff65bd,-.2rem .1rem 1rem #ff65bd,.2rem .1rem 1rem #ff65bd,0 -.5rem 2rem #ff2483,0 .5rem 3rem #ff2483}.flicker{-webkit-animation:blink 3s 2s infinite;animation:blink 3s 2s infinite}.fastFlicker{-webkit-animation:blink 10s 1s infinite;animation:blink 10s 1s infinite}@-webkit-keyframes shine{0%{color:#fc466b;text-shadow:none}to{color:#ffd5ff;text-shadow:0 0 .6rem #ffe6ff,0 0 1.5rem #ff65bd,-.2rem .1rem 1rem #ff65bd,.2rem .1rem 1rem #ff65bd,0 -.5rem 2rem #ff2483,0 .5rem 3rem #ff2483}}@keyframes shine{0%{color:#fc466b;text-shadow:none}to{color:#ffd5ff;text-shadow:0 0 .6rem #ffe6ff,0 0 1.5rem #ff65bd,-.2rem .1rem 1rem #ff65bd,.2rem .1rem 1rem #ff65bd,0 -.5rem 2rem #ff2483,0 .5rem 3rem #ff2483}}@-webkit-keyframes blink{0%,22%,36%,75%{color:#ffe6ff;text-shadow:0 0 .6rem #ffe6ff,0 0 1.5rem #ff65bd,-.2rem .1rem 1rem #ff65bd,.2rem .1rem 1rem #ff65bd,0 -.5rem 2rem #ff2483,0 .5rem 3rem #ff2483}28%,33%{color:#ff65bd;text-shadow:none}82%,97%{color:#ff2483;text-shadow:none}}@keyframes blink{0%,22%,36%,75%{color:#ffe6ff;text-shadow:0 0 .6rem #ffe6ff,0 0 1.5rem #ff65bd,-.2rem .1rem 1rem #ff65bd,.2rem .1rem 1rem #ff65bd,0 -.5rem 2rem #ff2483,0 .5rem 3rem #ff2483}28%,33%{color:#ff65bd;text-shadow:none}82%,97%{color:#ff2483;text-shadow:none}}@-webkit-keyframes flick{0%{opacity:1}4%{opacity:.9}6%{opacity:.85}8%{opacity:.95}10%{opacity:.9}11%{opacity:.922}12%{opacity:.9}14%{opacity:.95}16%{opacity:.98}17%{opacity:.9}19%{opacity:.93}20%{opacity:.99}24%{opacity:1}26%{opacity:.94}28%{opacity:.98}37%{opacity:.93}38%{opacity:.5}39%{opacity:.96}42%{opacity:1}44%{opacity:.97}46%{opacity:.94}56%{opacity:.9}58%{opacity:.9}60%{opacity:.99}68%{opacity:1}70%{opacity:.9}72%{opacity:.95}93%{opacity:.93}95%{opacity:.95}97%{opacity:.93}to{opacity:1}}@keyframes flick{0%{opacity:1}4%{opacity:.9}6%{opacity:.85}8%{opacity:.95}10%{opacity:.9}11%{opacity:.922}12%{opacity:.9}14%{opacity:.95}16%{opacity:.98}17%{opacity:.9}19%{opacity:.93}20%{opacity:.99}24%{opacity:1}26%{opacity:.94}28%{opacity:.98}37%{opacity:.93}38%{opacity:.5}39%{opacity:.96}42%{opacity:1}44%{opacity:.97}46%{opacity:.94}56%{opacity:.9}58%{opacity:.9}60%{opacity:.99}68%{opacity:1}70%{opacity:.9}72%{opacity:.95}93%{opacity:.93}95%{opacity:.95}97%{opacity:.93}to{opacity:1}}.link{color:#281130;display:inline-block;font-size:1.3rem;position:relative;text-decoration:none;z-index:1}.link:after,.link:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.link:before{background-color:#0ff;background-color:var(--gitch-before);z-index:-1}.link:after{background-color:#f0f;background-color:var(--glitch-after);z-index:-2}.link.icon:hover{-webkit-animation:glitchy .3s ease 1;animation:glitchy .3s ease 1}.link:hover:before{-webkit-animation:glitchy .3s ease .3s infinite;animation:glitchy .3s ease .3s infinite}.link:hover:after{animation:glitchy .3s ease infinite reverse}.icon{align-items:center;background-color:#fff;background-color:var(--color);display:flex;gap:4px;justify-content:space-around;padding:15px 25px}.icon,form{height:100%}form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;width:50%}input,textarea{background:hsla(0,0%,100%,.5);border:1px solid #fff;border-radius:10px;color:#fff;display:block;margin-bottom:20px;margin-top:10px;padding:10px;width:100%}textarea{font-family:Poppins;height:50%}.btn{cursor:pointer;font-size:1.1rem;padding:0;position:relative;z-index:3}.btn:after,.btn:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.btn:before{background-color:#0ff;background-color:var(--gitch-before);z-index:-1}.btn:after{background-color:#f0f;background-color:var(--glitch-after);z-index:-2}.btn:hover{-webkit-animation:glitchy .3s ease 1;animation:glitchy .3s ease 1}.btn:hover:before{-webkit-animation:glitchy .3s ease .3s infinite;animation:glitchy .3s ease .3s infinite}.btn:hover:after{animation:glitchy .3s ease infinite reverse}.btntext{background-color:#fff;background-color:var(--color);display:block;height:100%;padding:.8rem}
/*# sourceMappingURL=main.90208229.css.map*/