*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{font-family:Orbitron,sans-serif;transition:background-color .3s;overflow-x:hidden}#root{min-height:100vh;overflow-x:hidden}:root{--primary100:183, 100%, 25%;--primary200:183, 100%, 50%;--primary300:183, 100%, 75%;--neutral100:240, 100%, 7%;--neutral200:240, 32%, 17%;--neutral300:240, 32%, 26%;--neutral400:240, 32%, 35%;--neutral500:240, 32%, 40%;--neutral600:240, 32%, 60%;--neutral700:240, 32%, 80%;--neutral800:240, 32%, 96%}.App{color:#fefffe;z-index:1;min-height:100vh;transition:background .3s;position:relative;overflow-x:hidden}body.dark .App{background:linear-gradient(45deg,#052750,#0c0025,#1a0033,#2c043d,#1e022a,#12065c,#050d3e,#052750,#000) 0 0/600% 600%;animation:15s infinite gradient}body:not(.dark){background:#222}body{min-height:100vh;margin:0;padding:0;overflow-x:hidden}body.dark{background:linear-gradient(45deg,#052750,#0c0025,#1a0033,#2c043d,#1e022a,#12065c,#050d3e,#052750,#000) 0 0/600% 600%;animation:15s infinite gradient}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.space,.space2{padding-top:0}@keyframes rgbAura{0%{box-shadow:0 0 15px red}16.66%{box-shadow:0 0 15px #f0f}33.33%{box-shadow:0 0 15px #00f}50%{box-shadow:0 0 15px #0ff}66.66%{box-shadow:0 0 15px #0f0}83.33%{box-shadow:0 0 15px #ff0}to{box-shadow:0 0 15px red}}@keyframes rgbAuraDropShadow{0%{filter:drop-shadow(0 0 2px red)drop-shadow(0 0 4px red)drop-shadow(0 0 8px red)}16.66%{filter:drop-shadow(0 0 2px #f0f)drop-shadow(0 0 4px #f0f)drop-shadow(0 0 8px #f0f)}33.33%{filter:drop-shadow(0 0 2px #00f)drop-shadow(0 0 4px #00f)drop-shadow(0 0 8px #00f)}50%{filter:drop-shadow(0 0 2px #0ff)drop-shadow(0 0 4px #0ff)drop-shadow(0 0 8px #0ff)}66.66%{filter:drop-shadow(0 0 2px #0f0)drop-shadow(0 0 4px #0f0)drop-shadow(0 0 8px #0f0)}83.33%{filter:drop-shadow(0 0 2px #ff0)drop-shadow(0 0 4px #ff0)drop-shadow(0 0 8px #ff0)}to{filter:drop-shadow(0 0 2px red)drop-shadow(0 0 4px red)drop-shadow(0 0 8px red)}}@keyframes rgbAuraRotate{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes rgbColorShift{0%{filter:blur(16px)hue-rotate()}to{filter:blur(16px)hue-rotate(360deg)}}@keyframes rgbAuraDim{0%{opacity:.3;filter:blur(16px)hue-rotate()}50%{opacity:1;filter:blur(16px)hue-rotate(180deg)}to{opacity:.3;filter:blur(16px)hue-rotate(360deg)}}@keyframes rgbFade{0%{color:#a00}16%{color:#a0a}33%{color:#00a}50%{color:#0aa}66%{color:#0a0}83%{color:#aa0}to{color:#a00}}@keyframes rgbSlide{0%{background-position:0%}to{background-position:400%}}@keyframes rgbGlow{0%{text-shadow:0 0 10px #c00,0 0 20px #c00,0 0 30px #c00}25%{text-shadow:0 0 10px #c0c,0 0 20px #c0c,0 0 30px #c0c}50%{text-shadow:0 0 10px #00c,0 0 20px #00c,0 0 30px #00c}75%{text-shadow:0 0 10px #0cc,0 0 20px #0cc,0 0 30px #0cc}to{text-shadow:0 0 10px #c00,0 0 20px #c00,0 0 30px #c00}}@keyframes rgbColorShiftCycle{0%{color:red}20%{color:#f0f}40%{color:#00f}60%{color:#0ff}80%{color:#0f0}to{color:#ff0}}.rgb-cycle-text{animation:3s linear infinite rgbFadeSmooth}@keyframes rgbFadeSmooth{0%{color:#a00;fill:#a00}16%{color:#a0a;fill:#a0a}33%{color:#00a;fill:#00a}50%{color:#0aa;fill:#0aa}66%{color:#0a0;fill:#0a0}83%{color:#aa0;fill:#aa0}to{color:#a00;fill:#a00}}.rgb-cycle-logo{animation:3s linear infinite rgbCycleLogo}@keyframes rgbCycleLogo{0%{filter:hue-rotate()brightness(1.2)saturate(1.5)}16%{filter:hue-rotate(51deg)brightness(1.2)saturate(1.5)}33%{filter:hue-rotate(102deg)brightness(1.2)saturate(1.5)}50%{filter:hue-rotate(153deg)brightness(1.2)saturate(1.5)}66%{filter:hue-rotate(204deg)brightness(1.2)saturate(1.5)}83%{filter:hue-rotate(255deg)brightness(1.2)saturate(1.5)}to{filter:hue-rotate(360deg)brightness(1.2)saturate(1.5)}}.navbarmod{justify-content:flex-end;align-items:center;width:100%;height:70px;padding:.5rem 1rem;display:flex;position:relative}.checkbox{opacity:0;z-index:101;cursor:pointer;width:50px;height:26px;position:absolute}.label{float:right;background-color:#333;border-radius:50px;justify-content:space-between;align-items:center;width:50px;height:26px;margin-top:18px;margin-right:5px;padding:5px;display:flex;position:relative;transform:scale(1.2)}.label .ball{background-color:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s linear;position:absolute;top:2px;left:2px}.label.ball-moved .ball{transform:translate(22px)}.label .fa-moon{color:#f1c40f;font-size:15px}.label .fa-sun{color:#f39c12;padding-left:10px;font-size:15px}.profile-picture{z-index:1;border-radius:50%;max-width:200px;margin:80px auto 0;display:block;position:relative}.profile-picture-wrapper{margin:80px auto 0;padding:14px;display:inline-block;position:relative;left:50%;transform:translate(-50%)}.profile-picture-wrapper:before{content:"";border:5px solid #0000;border-top-color:#fff;border-radius:50%;animation:25s ease-in-out infinite borderSpin;position:absolute;inset:0}.profile-picture-wrapper:after{content:"";border:4px solid #0000;border-bottom-color:#fffc;border-radius:50%;animation:30s ease-in-out infinite borderSpinReverse;position:absolute;inset:6px}@keyframes borderSpin{0%{transform:rotate(0)}10%{transform:rotate(-720deg)}15%{transform:rotate(360deg)}35%{transform:rotate(-1440deg)}55%{transform:rotate(-1080deg)}62%{transform:rotate(360deg)}80%{transform:rotate(-360deg)}87%{transform:rotate(-1440deg)}to{transform:rotate(0)}}@keyframes borderSpinReverse{0%{transform:rotate(0)}8%{transform:rotate(1080deg)}25%{transform:rotate(360deg)}30%{transform:rotate(1800deg)}50%{transform:rotate(0)}72%{transform:rotate(-720deg)}82%{transform:rotate(360deg)}86%{transform:rotate(720deg)}to{transform:rotate(0)}}.profile-picture-wrapper .profile-picture{z-index:2;border:3px solid #fff0;margin:0;position:relative}.profile-name{text-align:center;color:#fefffe;margin-top:5px;padding:10px;font-family:Orbitron,sans-serif;font-size:20px;font-weight:700}.profile-name p{margin:0;line-height:1.4}.profile-about{text-align:center;color:#fefffe;letter-spacing:2px;margin-top:5px;padding:2px;font-family:Orbitron,sans-serif;font-size:15px}#linksbutton{width:auto;max-width:580px;margin:27px auto;display:block}.border-cut{z-index:1;background:0 0;position:relative;overflow:visible}.border-cut .link-shape{pointer-events:none;z-index:5;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);position:absolute;inset:0}.border-cut .link-shape:before{content:"";box-sizing:border-box;border-style:solid;border-width:20px;border-image-source:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M 15 1.5 L 58.5 1.5 L 58.5 45 L 45 58.5 L 1.5 58.5 L 1.5 15 Z' fill='none' stroke='white' stroke-width='3'/%3E%3C/svg%3E");border-image-slice:20;position:absolute;inset:0}.border-cut.hover-bg .link-bg{pointer-events:none;z-index:0;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);opacity:0;background:#fff;transition:opacity .2s;position:absolute;inset:0}.border-cut.hover-aura .link-aura{pointer-events:none;z-index:-1;opacity:0;filter:blur(16px);background:linear-gradient(45deg,red,#f0f,#00f,#0ff,#0f0,#ff0,red) 0 0/400% 400%;border-radius:20px;transition:opacity .2s;animation:8s linear infinite rgbSlide;position:absolute;inset:-8px}.links{text-align:center;color:#fff;cursor:pointer;background:0 0;width:100%;max-width:95%;margin-top:20px;margin-left:auto;margin-right:auto;padding:15px 20px 15px 50px;font-family:Orbitron,sans-serif;font-size:17px;text-decoration:none;transition:all .3s ease-in-out;display:block;position:relative}.links b{z-index:10;vertical-align:middle;line-height:30px;display:inline-block;position:relative}.links.border-cut:hover{color:#2d3748;text-decoration:none;transition:all .2s;transform:scale(1.03)}.links.border-cut:hover.hover-bg .link-bg{opacity:1}.links.border-cut:hover .link-shape:before{filter:drop-shadow(0 0 5px #fffc)}.links.border-cut:hover.hover-aura .link-aura{opacity:1}.links.border-cut:hover b,.links.border-cut:hover .link-icon,.links.border-cut:hover .link-text{background:linear-gradient(45deg,#c00,#c0c,#00c,#0cc,#0c0,#cc0,#c00) 0 0/400% 400%;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite rgbSlide}.links-in{color:#fffc;z-index:1;width:30px;padding:5px;font-size:20px;display:block;position:absolute;left:20px}svg.links-in{fill:currentColor}.links.border-cut:hover .links-in{background:0 0;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background-clip:initial}.links.border-cut:hover svg.links-in,.links.border-cut:hover svg.links-in path,.links.border-cut:hover i.links-in{animation:8s linear infinite rgbFill}@keyframes rgbFill{0%{fill:#c00;color:#c00}16%{fill:#c0c;color:#c0c}33%{fill:#00c;color:#00c}50%{fill:#0cc;color:#0cc}66%{fill:#0c0;color:#0c0}83%{fill:#cc0;color:#cc0}to{fill:#c00;color:#c00}}.gears{text-align:center;flex-wrap:wrap;justify-content:center;gap:15px;max-width:580px;margin:20px auto;padding:15px;display:flex}.gear{color:#fff;background-color:#fff0;width:62px;height:62px;padding:0;text-decoration:none;transition:all .25s cubic-bezier(.08,.59,.29,.99);display:inline-block;position:relative;overflow:visible}.gear .gear-shape{pointer-events:none;z-index:5;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);position:absolute;inset:0}.gear .gear-shape:before{content:"";box-sizing:border-box;border-style:solid;border-width:20px;border-image-source:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M 15 1.5 L 58.5 1.5 L 58.5 45 L 45 58.5 L 1.5 58.5 L 1.5 15 Z' fill='none' stroke='white' stroke-width='3'/%3E%3C/svg%3E");border-image-slice:20;position:absolute;inset:0}.gear .gear-bg{pointer-events:none;z-index:0;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);opacity:0;background:#fff;transition:opacity .2s;position:absolute;inset:0}.gear .gear-aura{pointer-events:none;z-index:-1;opacity:0;filter:blur(16px);border-radius:20px;transition:opacity .2s;position:absolute;inset:-8px}.gear .gear-aura:before{content:"";background:red;border-radius:20px;position:absolute;inset:0}@keyframes rgbCycle{0%{background:red}33%{background:#0f0}66%{background:#00f}to{background:red}}.gear:hover .gear-aura{opacity:1}.gear:hover .gear-aura:before{animation:3s linear infinite rgbCycle}.gear:hover{transform:scale(1.03)}.gear:hover .gear-bg{opacity:1}.gear:hover .gear-shape:before{filter:drop-shadow(0 0 5px #fffc)}.gear:hover .gear-aura{opacity:1;animation:3s linear infinite rgbAuraRotate}.gear i{z-index:10;color:#fff;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex;position:relative}.gear:hover i{animation:3s linear infinite rgbFade}.gear .gear-icon{color:#fff}.gear:hover .gear-icon{animation:3s linear infinite rgbFade}footer{text-align:center;margin-top:50px;padding-bottom:50px}footer a:hover b{color:#fff;text-shadow:0 0 10px #c00,0 0 20px #c00,0 0 30px #c00;animation:3s linear infinite rgbGlow}.typing-wrapper{justify-content:center;align-items:center;height:50px;margin-top:10px;display:flex}.typing-demo{white-space:nowrap;color:#fff;text-shadow:0 0 8px #fffc,0 0 12px #fff9;border-right:3px solid;font-family:Orbitron,sans-serif;font-size:15pt;font-weight:700;animation:.5s step-end infinite alternate blink;overflow:hidden}.typing-desc{margin:0}@keyframes blink{50%{border-color:#0000}}@media screen and (width<=768px){.typing-demo{max-width:95%;font-size:clamp(8pt,4.3vw,13pt)}}#play-icon,#pause-icon{color:#fff;cursor:pointer;font-size:50px}#play-icon{opacity:.5;animation:2s ease-in-out infinite wave}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}#pause-icon{animation:1s infinite alternate scaleUpDown,3s linear infinite rgbGlow}@keyframes scaleUpDown{0%{transform:scale(1)}to{transform:scale(.8)}}.dialog-overlay{z-index:1000;background-color:#0009;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.dialog-overlay:before{content:"";-webkit-backdrop-filter:blur(20px);z-index:0;pointer-events:none;position:absolute;inset:0}.dialog-overlay--active{justify-content:center;align-items:center;display:flex}.dialog-box{text-align:center;z-index:1;width:680px;max-width:95%;padding:20px;position:relative;overflow:visible}.dialog-box .dialog-shape{pointer-events:none;z-index:5;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);position:absolute;inset:0}.dialog-box .dialog-shape:before{content:"";box-sizing:border-box;border-style:solid;border-width:20px;border-image-source:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M 15 1.5 L 58.5 1.5 L 58.5 45 L 45 58.5 L 1.5 58.5 L 1.5 15 Z' fill='none' stroke='white' stroke-width='3'/%3E%3C/svg%3E");border-image-slice:20;position:absolute;inset:0}.dialog-box .dialog-bg{pointer-events:none;z-index:0;-webkit-backdrop-filter:blur(25px)saturate(180%);backdrop-filter:blur(25px)saturate(180%);-webkit-mask-image:-webkit-radial-gradient(#fff,#000);clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);background-color:#ffffff26;position:absolute;inset:0;transform:translateZ(0);mask-image:radial-gradient(#fff,#000)}.dialog-box .dialog-content{z-index:10;position:relative}.rainbow-text{background:linear-gradient(45deg,red,#f0f,#00f,#0ff,#0f0,#ff0,red) 0 0/400% 400%;-webkit-text-fill-color:transparent;color:#0000;word-break:break-all;overflow-wrap:break-word;-webkit-background-clip:text;background-clip:text;max-width:100%;animation:8s linear infinite rgbSlide;display:inline-block}.dialog-box p{color:#fefffe;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;margin-bottom:20px;font-family:Orbitron,sans-serif;font-size:17px;line-height:1.6}.dialog-box button{color:#fff;cursor:pointer;background-color:#fff0;border:none;width:90%;height:50px;margin-top:10px;padding:0;font-family:Orbitron,sans-serif;font-size:17px;font-weight:700;transition:all .2s;display:inline-block;position:relative;overflow:visible}.dialog-box button .btn-shape{pointer-events:none;z-index:5;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);position:absolute;inset:0}.dialog-box button .btn-shape:before{content:"";box-sizing:border-box;border-style:solid;border-width:20px;border-image-source:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M 15 1.5 L 58.5 1.5 L 58.5 45 L 45 58.5 L 1.5 58.5 L 1.5 15 Z' fill='none' stroke='white' stroke-width='3'/%3E%3C/svg%3E");border-image-slice:20;position:absolute;inset:0}.dialog-box button .btn-bg{pointer-events:none;z-index:0;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);opacity:0;background:#fff;transition:opacity .2s;position:absolute;inset:0}.dialog-box button .close-text{z-index:10;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.dialog-box button:hover .btn-bg{opacity:1}.dialog-box button:hover .btn-shape:before{filter:drop-shadow(0 0 5px #fffc)}.dialog-box button:hover .close-text{background:linear-gradient(45deg,#c00,#c0c,#00c,#0cc,#0c0,#cc0,#c00) 0 0/400% 400%;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite rgbSlide}.bottom-right-gif{object-fit:cover;z-index:999;width:150px;height:150px;animation:.5s ease-in-out fadeInBottom;position:fixed;bottom:0;right:0}.bottom-gif-container{text-align:center;opacity:1;visibility:visible;margin-bottom:-10px;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.bottom-gif-container.hidden{opacity:0;visibility:hidden;pointer-events:none}.bottom-gif-container.visible{opacity:1;visibility:visible}@keyframes fadeInBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}