:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:azure;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#myspace{height:100%;margin:0;overflow:hidden;background:linear-gradient(to bottom,#000,#04041ffd);position:relative}#myspace .rain{position:absolute;left:0;width:100%;height:10%;z-index:2}#myspace .rain.back-row{display:none;z-index:1;bottom:60px;opacity:.5}#myspace.back-row-toggle .rain.back-row{display:block}.drop{position:absolute;bottom:100%;width:15px;height:120px;pointer-events:none;animation-name:drop;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards}@keyframes drop{0%{transform:translateY(0)}75%{transform:translateY(88vh)}to{transform:translateY(90vh)}}.stem{width:1px;height:165%;margin-left:7px;background:linear-gradient(to bottom,#fff0,#ffffff40);animation-name:stem;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards}@keyframes stem{0%,65%{opacity:1}75%,to{opacity:0}}.splat{width:15px;height:10px;border-top:2px solid rgba(255,255,255,.7);border-radius:50%;opacity:0;transform:scale(0);animation-name:splat;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards;display:block}@keyframes splat{0%,74%{opacity:0;transform:scale(0)}75%{opacity:.6;transform:scale(.9)}85%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.5)}}.toggles{position:absolute;top:20px;left:20px;z-index:5}.toggle{position:fixed;left:30px;bottom:30px!important;height:30px!important;overflow:hidden;background-color:transparent!important;color:#fff;border:1px solid azure;border-radius:8px;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer!important;animation:fade-in-render .3s ease-in;padding:3px 5px 0;margin:0;transition:.3s ease}.toggle svg{width:21px;height:21px;fill:#fff}.toggle:hover{transition:.3s ease;transform:scale(1.2);border-radius:50%;background-color:#fff6!important}.toggle:active{transition:.3s ease;background-color:#fff6!important}#home{position:relative;height:100vh;overflow-y:scroll;-webkit-overflow-scrolling:touch;margin:10px 3px 0!important;padding:0;overflow-x:hidden;scroll-snap-align:start;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-flow:column;z-index:3}#home::-webkit-scrollbar{display:none}#custom-scrollbar{position:fixed;top:0;right:3px;width:5px;height:70%;background:transparent;cursor:pointer;z-index:1000}#custom-thumb{width:100%;background:#66cdaa;border-radius:3px;height:50px;cursor:grab;transition:background .3s}#custom-thumb:hover{background:#ffb6c1}.section{scroll-snap-align:center;min-height:100vh;padding:21px 0;left:50%;transform:translate(-50%);max-width:1311px}#contact{position:fixed;bottom:12px;left:41%;transform:translate(-50%);display:flex;justify-content:space-around;gap:21px;list-style:none;z-index:5}#contact li{animation:slide-down-up .5s ease;display:flex;align-items:center;justify-content:center;transition:.5s ease;margin:0;padding:0;cursor:pointer}#contact li:hover{transition:.5s ease;border:1px solid skyblue;border-radius:50%;padding:7px 7px 0;transform:scale(1.1) rotate(21deg)}#contact li:active{transition:.5s ease;border:1px solid aquamarine;border-radius:50%;background-color:bisque;padding:7px;transform:scale(.9) rotate(21deg)}#contact svg{fill:azure;width:25px;height:25px}.email-options{animation:slide-up-down .5s ease;position:relative;display:flex;flex-direction:column;gap:3px;margin-right:25px;z-index:10}.email-options button{font-size:.7rem;color:azure;background-color:transparent;border:3px double azure;border-radius:12px;padding:3px 10px;transition:.3s ease}.email-options button:hover{transition:.3s ease;font-size:.7rem;color:#000;background-color:azure;border:1px solid black;border-radius:12px;padding:3px 10px}#navigator{list-style:none;display:flex;flex-flow:column;align-items:flex-end;gap:5px;justify-content:space-around;position:fixed;bottom:15px;right:30px;width:120px!important;padding:10px;margin:0;background-color:transparent;border:3px solid burlywood;border-top:none;border-left:none;border-radius:5px;z-index:333}#navigator li{animation:slide-right-left-in 5s ease;display:flex;align-items:center;justify-content:flex-end;font-size:.9rem;color:azure;width:100%;cursor:pointer;z-index:3;transition:.5s ease}#navigator li:hover{transition:.5s ease;list-style:circle;background-color:#66cdaa;padding:7px 5px 3px;color:#000;transform:scale(1.1);border:1px solid azure;border-radius:15px;font-size:.85rem}#navigator li.active{transition:.5s ease;list-style:circle;width:fit-content;background-color:#66cdabe6;padding:7px 5px 3px;color:#000;transform:scale(1.1);border:1px solid azure;border-radius:15px;font-size:.85rem;font-family:Courier New,Courier,monospace;font-weight:bolder}#navigator li:active{list-style:circle;transition:.5s ease;background-color:azure;padding:7px 5px 3px;color:#000;transform:scale(.9);border:1px solid azure;border-radius:15px}#navigator svg{width:25px;height:25px;margin-right:5px;fill:azure}#welcome{animation:fade-in-render 3.3s ease;position:relative;width:100%;padding-bottom:150px;display:flex;flex-flow:column;align-items:center;justify-content:space-around}.profile-container{display:flex;width:95%;justify-content:space-between;margin-right:12px}.profile-container h2{font-family:Courier New,Courier,monospace;font-size:1.2rem;transition:.3s ease;margin:0 0 0 7px;cursor:crosshair}.profile-container h2 strong{color:coral}.profile-container h2:hover{transition:.3s ease;transform:scale(1.1)}.software-title{transition:color .3s ease;display:inline-block}.software-title:hover{color:azure}.software-title .rainbow{color:hsl(var(--hue),100%,85%);display:inline-block}.software-title .rainbow:nth-child(2){--hue: 0}.software-title .rainbow:nth-child(3){--hue: 30}.software-title .rainbow:nth-child(4){--hue: 60}.software-title .rainbow:nth-child(5){--hue: 150}.software-title .rainbow:nth-child(6){--hue: 200}.software-title .rainbow:nth-child(7){--hue: 270}.software-title .rainbow:nth-child(8){--hue: 320}.profile-container h3{color:azure;font-family:Courier New,Courier,monospace;font-size:1.1rem}.profile-pic-container{position:relative;border-radius:50%;border:2px solid azure;overflow:hidden;width:111px;height:111px;cursor:crosshair}.profile-pic-container img.profile-pic{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s ease-in-out;animation:fade-in-render .4s ease-in}.profile-pic-container img.hidden{opacity:0;pointer-events:none}.profile-pic-container img.visible{opacity:1;z-index:1;filter:brightness(1.2)}.profile-pic-container:hover{transition:.5s ease;border:3px solid bisque;transform:rotate(21deg)}.profile-pic{width:111px;height:111px;object-fit:fill;image-rendering:optimizeQuality}.tech-pic-container{animation:pop-on 5s ease;width:auto;height:300px;overflow:hidden}.tech-pic{height:100%;width:100%;filter:contrast(1.2) brightness(1);object-fit:contain}.welcome-text{font-family:Courier New,Courier,monospace;font-size:.9rem;color:azure!important;margin-right:150px;text-align:left;transition:color .3s ease;margin:5px 120px!important}@media screen and (max-width: 630px){.welcome-text{margin:5px 129px 15px 0!important}}#skills{position:relative;text-align:center;margin:0;padding:0;overflow:hidden;z-index:0}#skills:before{content:"";position:absolute;inset:0;background-image:url(/assets/neurons2-D_XOqQnH.png);background-size:fill;background-position:center;background-repeat:no-repeat;filter:contrast(1);opacity:.5;z-index:-1}.section-title{font-size:1.55rem;color:azure;font-family:Courier New,Courier,monospace;margin-bottom:0}.section-title strong{color:coral}.section-title span:nth-child(2){color:#66cdaa!important}.section-title span:nth-child(3){color:#ffb6c1!important}.skills-graph{position:relative;width:100%;height:156px;margin-bottom:3px}.connector-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.connector-lines line{stroke:bisque;stroke-width:2}.graph-center{position:absolute;top:20px;left:50%;transform:translate(-50%);width:14px;height:14px;background-color:#7fffd4;border:2px solid black;border-radius:50%;z-index:2}.skills-nodes{display:flex;justify-content:space-evenly;align-items:flex-end;gap:5px;height:100%;position:relative;margin:0;padding:0;z-index:3}.skill-node{width:fit-content;cursor:pointer;font-size:1.2rem;color:azure;border:2px solid azure;padding:3px;border-radius:12px;font-family:Courier New,Courier,monospace;font-size:medium;background-color:#000;transition:background .3s ease;z-index:3}.skill-node:hover{transition:background .3s ease;background-color:azure;color:#000}.skill-node.active{background-color:#000;border-color:#40e0d0;color:#40e0d0}.skill-details{visibility:hidden;max-height:0;opacity:0;overflow:hidden;margin:0;padding:0 20px;transition:opacity .6s ease,max-height .6s ease}.skill-details.show{visibility:visible;max-height:500px;opacity:1}.skill-details p{color:azure;font-family:Courier New,Courier,monospace;font-size:.9rem;text-align:left;margin:10px 120px}.skill-details ul{list-style:circle;padding:0;margin:25px 0 0 25px;font-family:Courier New,Courier,monospace;color:azure;font-size:1rem;font-weight:700;text-align:left;display:flex;flex-direction:column;gap:.5rem;text-wrap:nowrap}.skill-details li{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:.89rem;color:azure;font-weight:lighter;text-wrap:nowrap;text-decoration:none!important;cursor:crosshair}.skill-details li:hover{transition:.3s ease;background-color:#0e6b6e6e;color:#7fffd4;transform:scale(105%);border:1px solid turquoise;border-radius:10px;padding:3px 5px;width:fit-content!important}.skill-details strong{color:#66cdaa}.toggle-history-testimonials{display:flex;align-items:center;gap:5px;justify-content:center}@media screen and (max-width: 630px){.skill-details p{font-size:.73rem!important;margin:0 0 5px}.skill-details ul{margin:5px 129px 21px 0!important}.skill-additional{margin:0;position:relative;bottom:16px;font-size:.7rem!important;margin-right:115px!important}}#projects{position:relative;text-align:center;height:100%;overflow:hidden}#projects:before{content:"";position:absolute;inset:0;background-image:url(/assets/techs2-B_wN-Dnw.png);background-size:332px 332px;background-position:bottom 50px left 430px;background-repeat:no-repeat;opacity:.7;height:100%;z-index:-1}.software-title{margin:0;padding:0}.project-list{display:flex;justify-content:space-around;gap:5px;list-style:none;margin:0 12px 0 0;padding:0}.project-list li{font-family:Courier New,Courier,monospace;font-size:1rem;color:azure;border:1px solid azure;border-radius:15px;padding:5px 8px;margin:0;transition:color .3s ease;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s ease}.project-list li.active{transition:.3s ease;background-color:#0e6b6e66;color:#7fffd4;border-color:#7fffd4;font-weight:700}.project-container{display:flex;flex-flow:row;align-items:center;justify-content:flex-start;overflow-y:hidden;overflow-x:scroll;gap:10px;scroll-snap-align:start;scroll-snap-type:x mandatory;scroll-behavior:smooth;margin:0;scrollbar-width:none}.project{animation:slide-left-right-in 1s ease;display:flex;flex-flow:column;min-width:100%;scroll-snap-align:start;gap:0;margin:0;padding:0}.project h3{margin:10px;padding:0}.project h3 a{color:#66cdaa!important;font-size:.9rem;font-family:Courier New,Courier,monospace;text-underline-offset:3px}.project-buttons{display:flex;flex-flow:row;justify-content:center;align-items:center;gap:10px;margin-bottom:5px}.project-buttons button{background-color:#0e6b6e6e;color:#7fffd4;transform:scale(105%);border:1px solid black;border-radius:10px;padding:3px 10px;transition:.3s ease;cursor:pointer}.project-buttons button:hover{transition:.3s ease;background-color:azure;color:#000;transform:scale(105%);border:1px solid black;border-radius:10px;transform:scale(1.1);padding:3px 10px}.project-buttons .active{background-color:#000;border-color:#deb887}.project h4{margin:0;padding:0;text-decoration:underline;text-underline-offset:3px}.proeject h4:first-child{position:relative;left:50%;transform:translate(-50%)}.project p{margin:0 121px;padding:5px;font-size:.9rem;text-align:justify;text-shadow:1px 1px 1px black}.tech-stack{display:flex;flex-flow:row;justify-content:center;align-items:flex-start;gap:5px;text-align:left}.tech-stack ul{display:flex;flex-flow:column;gap:5px;border:1px solid azure;border-radius:15px;background-color:#000000d6;padding:5px 10px 0;margin-right:12px;width:fit-content;list-style:none}.tech-stack li{text-align:left;font-size:.9rem;transition:.3s ease;cursor:crosshair;width:fit-content!important;margin:0 0 3px;background-color:#06425a36;color:#7de0e0e3;transform:scale(105%);border-radius:10px;padding:0 2px}.tech-stack li:hover{transition:.3s ease;background-color:#0e6b6e6e;color:#7fffd4;transform:scale(105%);border:1px solid turquoise;border-radius:10px;padding:3px 5px;width:fit-content!important}.project a{color:#ffa07a}.project-preview{animation:slide-up-down 1s ease;position:relative;left:50%;transform:translate(-50%);width:fit-content;max-height:660px;border:2px solid azure;border-radius:21px;margin-top:5px;overflow:hidden}.project-preview video{width:auto;height:100%;max-height:660px;border-radius:10px;object-fit:cover;box-shadow:0 0 10px #00000080}.media-preview{animation:slide-up-down 1s ease;position:relative;left:30%;transform:translate(-35%);width:70%;max-width:fit-content;height:520px;margin-top:12px;border:1px solid azure;border-radius:21px;overflow-y:scroll;overflow-x:hidden;overscroll-behavior:none;scrollbar-width:none;display:flex;justify-content:flex-start;scroll-behavior:smooth}.media-preview img{width:auto;height:150%;image-rendering:optimizeQuality;opacity:95%;object-fit:cover}@media screen and (max-width: 630px){#projects:before{background-size:210px 210px;background-position:bottom 123px left}.project p{margin:0;font-size:.8rem}.tech-stack{gap:0;padding:0}.tech-stack ul{display:flex;flex-flow:wrap;align-items:flex-end;gap:3px;margin-top:3px}.tech-stack li{font-size:.8rem}.project-preview{left:35%;width:47%;height:auto;padding:0;display:flex}.media-preview{position:relative;left:25%;transform:translate(-35%);width:70%;height:150px;align-items:start}.media-preview img{width:500px;height:auto;object-fit:cover}}#misc{position:relative;text-align:center;display:flex;flex-flow:column;gap:0;width:100%;padding:0 5px}#misc h3{margin:0;cursor:pointer}#misc h3 span{font-size:1.5rem;color:#40e0d0}.exp-scroll-outer,.ref-scroll-outer{position:relative;width:100%;max-width:1100px;height:75%!important;display:flex;flex-direction:row}.exp-scroll-outer{height:55%}.ref-scroll-outer{height:50%}#experiences,#references{animation:slide-down-up 1s ease;flex:1 1 auto;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;margin-left:0;scroll-behavior:smooth;padding-top:5px;padding-right:17px;border-radius:15px}.left-custom-scrollbar.custom-scrollbar-track{position:absolute;left:0;top:0;bottom:0;width:13px;background:transparent;z-index:3;border-radius:9px;display:flex;align-items:flex-start}.custom-scrollbar-thumb{width:3px;background:linear-gradient(120deg,#deb887 50%,#66cdaa);border-radius:8px;margin:2px 0 2px 2px;transition:background .2s;box-shadow:0 2px 8px 2px #00ffff1a}.left-custom-scrollbar.custom-scrollbar-track:hover .custom-scrollbar-thumb{background:linear-gradient(100deg,azure,#40e0d0,#66cdaa,bisque 75%)}.experience{position:relative;display:flex;align-items:flex-start;justify-content:space-around;width:100%;gap:5px;padding-bottom:73px;margin-bottom:12px}.place{display:flex;flex-flow:column;align-items:flex-start;gap:0px;margin:0 0 0 10px;padding:0;width:30%}.place-logo-container{width:75px;height:75px;border:2px mediumaquamarine solid;border-radius:21px;overflow:hidden;margin-left:12px}.place-logo-container img{width:100%;height:100%;object-fit:cover}.place-date{font-size:.85rem;text-wrap:nowrap}.place-link{color:bisque;font-family:Courier New,Courier,monospace;font-size:.95rem;text-wrap:wrap;margin:5px 0 0}.place-location{margin:0;padding:0;font-size:.85rem}.place p{text-align:left;text-wrap:nowrap}.place svg{fill:azure;width:18px;height:18px;margin-right:5px;position:relative;top:5px}.role-container{display:flex;flex-flow:column;align-items:flex-end;justify-content:center;min-width:70%!important;width:70%!important}.role-name{border-bottom:1px solid;border-radius:5px;color:#27dda6c9;font-family:Courier New,Courier,monospace;font-weight:700;font-size:.95rem}.role-details{width:80%;font-size:.9rem;text-align:left;margin:5px 0 0}.role-skills{position:absolute;bottom:-10px;list-style:none;display:flex;gap:5px;min-width:100%;font-family:Courier New,Courier,monospace;font-size:.8rem;width:80%;overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scrollbar-width:none}.role-skills li{background-color:#115f644d;border:1px solid rgba(64,224,208,.21);border-radius:15px;color:#37e0cf;font-size:.75rem;display:flex;align-items:center;justify-content:center;padding:2px 7px!important;height:fit-content;position:relative;right:33px;cursor:crosshair;transition:.3s ease}.role-skills li:hover{transition:.3s ease;background-color:azure;color:#000}.place-location,.place-date{color:#b9d8e4b3}#references{display:flex;gap:5px;margin-top:12px;margin-left:12px}.reference{margin-right:12px;max-width:34%!important}.ref-avatar-container{display:flex;flex-flow:column wrap;align-items:flex-end;margin-right:15px}.ref-avatar-container img{width:75px;height:75px;border:2px double azure;border-radius:50%;cursor:pointer}.ref-avatar-container span{font-size:.9rem}.ref-avatar-container span:nth-child(2){color:#66cdaa;cursor:pointer}.ref-avatar-container span:nth-child(3){font-size:.8rem;color:#f5e9d8a1}.reference-details{animation:fade-in-render 1.2s ease;font-size:.75rem;margin:0 18px;width:100%}.reference-details span{color:orange}@media screen and (max-width: 630px){.role-name{font-size:.85rem}.role-details{width:83%}.role-details{font-size:.86rem}.role-skills{bottom:-19px}.place-location,.place-date{font-size:.8rem}#references{flex-flow:column}.reference{max-width:100%!important}reference-details{font-size:.82rem}.exp-scroll-outer,.ref-scroll-outer{transition:opacity .3s}.dimmed-section{opacity:.34;filter:blur(1.5px) grayscale(.25);pointer-events:none;-webkit-user-select:none;user-select:none}.history-toggle,.testimonials-toggle{cursor:pointer;transition:color .2s,text-shadow .2s;color:#70ffe7;opacity:.7}.history-toggle.toggled,.testimonials-toggle.toggled{color:wheat;opacity:1;text-shadow:0 1px 9px #1e3f4a}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;color:#f0ffffbf}html{font-size:16px;min-height:100.01vh}html,body{overscroll-behavior:none;scrollbar-width:none;-ms-overflow-style:none}body{scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:0}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}a{cursor:pointer}.splash-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;background-image:url(/assets/rainbow-Cg48Kc6V.jpg);background-size:fill;background-position:center;background-repeat:no-repeat;justify-content:center;align-items:center;z-index:333;animation:fadeOut 1.2s ease-out .7s forwards}.splash-screen span{font-family:Courier New,Courier,monospace}.splash-top{animation:fade-in-render .3s;position:absolute;top:3%;font-family:Delius;font-size:medium;color:azure}.splash-screen svg{position:absolute;top:35%;fill:azure;stroke:azure;width:90px!important;height:90px!important;animation:zoomIn .7s ease-in}#banner-note-container{position:fixed;top:30px;right:100px;display:flex;flex-flow:column;align-items:flex-end;z-index:99}.banner-note{animation:fade-in-render 1s ease;text-wrap:wrap;border-radius:15px;margin:0 0 5px;padding:0 7px;width:auto!important;max-width:100%;max-height:55px;overflow-y:auto;scrollbar-width:none;z-index:99}.banner-note{background-color:#000;color:azure;border:1px solid mediumaquamarine}.banner-note.alert{border:1px solid salmon}@keyframes fade-in-render{0%{opacity:0}to{opacity:1}}@keyframes fade-off-render{0%{opacity:1}to{opacity:0}}@keyframes zoomIn{0%{transform:scale(.8);opacity:0;fill:#000}33%{fill:#deb887}66%{fill:#7fffd4}to{transform:scale(1);opacity:1;fill:azure}}@keyframes fadeOut{to{opacity:0;visibility:hidden}}@keyframes pop-on{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slide-in-off{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}@keyframes slide-left-right-in{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-left-right-off{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slide-right-left-off{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slide-right-left-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-up-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY((0));opacity:1}}@keyframes slide-down-up{0%{transform:translateY(+100%);opacity:0}to{transform:translateY((0));opacity:1}}@keyframes infinity-spin{0%{transform:rotate(0)}to{transform:rotate(1440deg)}}@keyframes light-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}