@font-face{font-family:Oxanium;src:url(/assets/fonts/Oxanium.ttf)format("truetype"),url(/assets/Oxanium-B66wpLgX.ttf)format("truetype")}@font-face{font-family:Changa;src:url(/assets/fonts/Changa.ttf)format("truetype"),url(/assets/Changa-mZM8H7DL.ttf)format("truetype")}:root{--primary-color:#110d1d;--primary-color-opaque:#110d1de0;--secondary-color:#e2e2e2;--secondary-color-opaque:#e2e2e220;--accent-color-1:#e0f;--accent-color-2:#0ff;--accent-color-1-opaque:#ee00ff47;--accent-color-2-opaque:#00ffff47;--background-color:#1e1e1e;--background-color-opaque:#1e1e1ea0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--font-color);background-color:var(--primary-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;font-family:Changa,sans-serif;font-size:20px;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.site-header{color:var(--secondary-color);box-sizing:border-box;z-index:100;flex-direction:row;justify-content:space-between;width:100vw;min-height:8vh;padding:0 10px;display:flex;position:sticky;top:0;left:0}.site-header #nav-menu-toggle{display:none;z-index:101!important}body{margin:0}button,.cursor-pointer{cursor:pointer}#logo{text-indent:1rem;color:var(--secondary-color);flex-direction:row;flex-grow:0;justify-content:center;align-items:center;width:9rem;font-family:Oxanium,sans-serif;font-size:1.5rem;transition:font-weight .5s;display:flex}#logo:hover{background-image:linear-gradient(0deg,var(--accent-color-1),var(--accent-color-2));color:#0000;-webkit-text-fill-color:transparent;cursor:pointer;-webkit-background-clip:text;background-clip:text;font-weight:700;transition:all .5s}#nav-container{flex-direction:row;margin:.2rem;display:flex}#nav-container ul{box-sizing:border-box;background-color:var(--primary-color-opaque);border:1px solid var(--secondary-color);border-radius:5rem;flex-direction:row;justify-content:center;align-items:center;gap:2rem;margin:0;padding:.5rem 1.5rem;list-style-type:none;display:flex}#nav-container ul li{cursor:pointer;box-sizing:border-box;float:left;padding:.2rem;text-decoration-thickness:0;transition:all .3s}#nav-container ul li:hover{background-color:var(--secondary-color);color:var(--primary-color);box-shadow:var(--accent-color-1).2rem -.2rem 0,var(--accent-color-2)-.2rem .2rem 0;border-radius:.2rem;text-decoration:underline;text-decoration-thickness:.2rem;transition:all .3s}#nav-container ul li a,#nav-container ul li a:visited{color:inherit;text-decoration:none}.animate-on-scroll{visibility:hidden;opacity:0}.scroll-effect{visibility:visible;animation:.5s linear forwards blurIntoFrame}@keyframes blurIntoFrame{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur()}}.tooltip-container{display:inline-block;position:relative}.tooltip-body{visibility:hidden;opacity:0;text-align:center;z-index:10;background-color:var(--primary-color);border:1px solid var(--secondary-color);border-radius:10%;flex-wrap:wrap;justify-content:center;width:100%;padding:.5rem;font-size:medium;transition:opacity .25s;display:flex;position:absolute;bottom:-85%;transform:translate(-20%)}.a-button{text-decoration:none}.a-button:visited{color:inherit}.no-pointer-events{pointer-events:none}#nav-container button{float:right;padding:.2rem}#mobile-nav-menu{background-color:var(--primary-color);z-index:101;flex-direction:column;width:100%;height:100%;display:none;position:fixed;top:0;left:0}#mobile-nav-menu div{justify-content:end;width:100%;display:flex}#mobile-nav-cancel{fill:var(--secondary-color);float:right;background-color:#0000;border-width:0;justify-content:center;align-items:center;margin:1rem 1rem 0 0;padding:.2rem;display:flex}#mobile-nav-menu ul{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem 0;list-style:none;display:flex}#mobile-nav-menu ul li a button{color:var(--secondary-color);width:80vw;height:10vh;font-family:Oxanium,sans-serif;font-size:1.5rem;text-decoration:none}.mobile-active{display:none!important}#mobile-menu{flex-direction:row;align-items:end;width:100%;display:flex}#mobile-menu button{flex-direction:column;justify-content:center;align-items:center;width:2rem;height:2rem;margin:auto;display:flex}#splash{background-color:var(--primary-color);flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0;display:flex}#splash-img{flex-direction:column;justify-content:center;align-items:center;width:100%;margin:1rem 0 0;padding:2rem 0 0;display:flex}#splash-intro{color:var(--secondary-color);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}#splash-intro h1{font-size:3rem}#splash-intro ul{flex-direction:row;justify-content:space-around;gap:2rem;font-size:1.2rem;text-decoration:none;list-style:none;display:flex}#splash-intro ul li{transition:all .3s}#splash-intro ul li:hover{transition:all .3s;transform:scale(1.1)}.near-full-container{flex-direction:row;width:75%;display:flex}.full-container{flex-direction:row;justify-content:center;width:100%;display:flex}.image-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.tron-background{background-size:60px 60px;background-image:linear-gradient(to right,var(--accent-color-2-opaque)2px,transparent 1px),linear-gradient(to bottom,var(--accent-color-1-opaque)2px,transparent 1px);background-color:var(--primary-color);animation:10s linear infinite cycleBG}.moved-up{translate:0 -1.5rem!important}@keyframes cycleBG{0%{background-position:0 0}to{background-position:-300px -300px}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromDown{0%{opacity:0;z-index:-10;transform:rotate(-45deg)translate(0)translateY(100%)}to{opacity:1;z-index:10;transform:rotate(-45deg)translate(0)translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes marquee-crawler{0%{transform:translate(0%)}to{transform:translate(-50%)}}.counterclockwise-skew{transform:skewY(-2deg)}.marquee-container{box-sizing:border-box;border-top:1px solid var(--secondary-color);border-bottom:1px solid var(--secondary-color);background-color:var(--primary-color);align-items:center;width:100%;height:4rem;display:flex;overflow:hidden}.marquee-track{box-sizing:border-box;width:max-content;animation:15s linear infinite marquee-crawler;display:flex}.marquee-content{box-sizing:border-box;white-space:nowrap;gap:2rem;padding:0 1rem;display:flex}.marquee-item{color:var(--secondary-color);padding:.5rem 1rem;font-size:1.2rem}#splash-outline{background-color:var(--secondary-color);-webkit-mask-image:url(/assets/HCScott-DkaJt3aU.png);mask-image:url(/assets/HCScott-DkaJt3aU.png);width:500px;height:500px;transition:all .3s;animation:.6s linear slideFromDown;-webkit-mask-image:url(/assets/ScottOutlineWhite-CVwpMLUO.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#splash-content{z-index:100;text-align:center;width:80%;color:var(--secondary-color);flex-direction:column;justify-content:center;display:flex;position:relative}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}#splash button{opacity:0;padding:2rem;font-family:Changa,sans-serif;font-size:24px;transition:all .3s;animation:.3s linear forwards fadeDown}#splash button:first-child{animation-delay:.5s}#splash button:nth-child(2){animation-delay:.6s}.square-tile{background-color:var(--primary-color-opaque);border:1px solid var(--secondary-color);border-radius:20%;flex-direction:row;justify-content:center;align-items:center;min-width:8rem;min-height:8rem;transition:all .3s;display:flex}.square-tile:hover{background-color:var(--primary-color);border-color:var(--accent-color-1);box-shadow:var(--accent-color-2)0 0 .5rem;transition:all .3s;scale:1.1}.long-tile img,.square-tile img{border-radius:20%;width:6rem;height:6rem}.icon-list{flex-flow:wrap;justify-content:center;gap:1rem;display:flex}.long-tile{flex-direction:row;gap:1rem;display:flex}.long-tile-list{flex-flow:column wrap;justify-content:center;gap:1rem;display:flex}.above-z{z-index:10}.diamond-container{border:1px solid var(--secondary-color);background-color:var(--primary-color-opaque);width:360px;height:360px;box-shadow:var(--accent-color-2-opaque);border-radius:0 4rem;margin:50px auto;position:relative;overflow:hidden;transform:rotate(45deg)}.diamond-content{transform:rotate(-45deg)translateY(0%)}.split{grid-template-columns:1fr 1fr;display:grid}.flex-split{flex-flow:wrap;justify-content:center;width:100%;display:flex}.masked-background{background-image:linear-gradient(210deg,var(--accent-color-1),var(--accent-color-2));width:500px;height:500px;-webkit-mask-image:url(/assets/HCScott3-B6-wai6S.png);mask-image:url(/assets/HCScott3-B6-wai6S.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.no-copy{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.strong-text{font-weight:700}section.page{color:var(--secondary-color);justify-content:center;display:grid}.container{box-sizing:border-box;flex-direction:column;justify-content:center;gap:1rem;width:100%;padding:3rem 8vw;display:flex}.container-title{float:left}.container-content{box-sizing:border-box;flex-direction:row;justify-content:center;width:100%;padding:1rem 0;display:flex}.expand-size{padding:5rem 0;width:100vw!important}.arrange-row{flex-direction:row;gap:1rem;display:flex}@keyframes underlineNav{0%{text-decoration:underline;text-decoration-thickness:0}to{text-decoration:underline;text-decoration-thickness:.3rem}}@keyframes removeUnderlineNav{0%{text-decoration:underline;text-decoration-thickness:.3rem}to{text-decoration:none;text-decoration-thickness:0}}.nav-list li.active *{animation:.3s linear .5s forwards underlineNav}.nav-list li.inactive *{animation:.3s linear forwards removeUnderlineNav}#follow-mouse{background-image:linear-gradient(to right,var(--accent-color-2),var(--accent-color-1));pointer-events:none;z-index:100;filter:blur(10px);border-radius:50%;width:20px;height:20px;position:absolute;translate:-50% -50%}#social-links a#mail-link:hover svg{fill:var(--accent-color-1);scale:1.1}#social-links a#linkedin-link:hover svg{fill:var(--accent-color-2);scale:1.1}#mobile-nav-menu #social-links{box-sizing:border-box;flex-direction:column;justify-content:end;align-items:end;width:100%;height:100%;padding:0 1rem 0 0;display:flex}#social-links a svg{background-color:var(--primary-color-opaque)}.flex-container{flex-direction:row;justify-content:center;gap:0;width:100%;display:flex}.flex-col{flex-direction:column;width:100%;display:flex}.flex-row{flex-direction:row;gap:1rem;width:100%;display:flex}.tech-icon-list{flex-flow:wrap;max-width:80vw;margin:0;padding:0;list-style:none;display:flex}.icon-list-items{flex-flow:column wrap;gap:.5rem;list-style:none;display:flex}.icon-list-items li,.tech-icon-list li{text-align:center;border:1px solid var(--secondary-color);background-color:var(--secondary-color-opaque);opacity:1;max-width:6rem;box-shadow:inset var(--secondary-color)0 2px .5rem,var(--secondary-color)0 2px .3rem;cursor:default;border-radius:.5rem;grid-template-columns:1fr 5fr;align-items:center;gap:.2rem;padding:.5rem;font-size:.8rem;transition:all .3s;display:grid}.tech-icon-list li:hover{box-shadow:inset var(--secondary-color)0 2px 1rem}.gap-1{gap:1rem}.gap-4{gap:4rem}.exp-item{border:1px solid var(--secondary-color);width:30rem;box-shadow:var(--secondary-color-opaque)0 2px .5rem;border-radius:.5rem;grid-template-columns:1fr 2fr;gap:1rem;margin:1.2rem 0 0;padding:.8rem;transition:all .3s;display:grid}.exp-item:hover{background-color:var(--secondary-color);color:var(--primary-color);box-shadow:var(--accent-color-1).5rem -.5rem .2rem,var(--accent-color-2)-.5rem .5rem .2rem;transition:all .3s;scale:1.1}.exp-image{filter:drop-shadow(0 2px 4px #444);border-radius:20%;width:5rem;height:5rem}.exp-content{flex-direction:row;justify-content:center;display:flex}.exp-text{flex-direction:column;justify-content:center;align-items:center;display:flex}.container br{gap:1rem;margin:10px 0}.experience-container{width:100%;color:var(--secondary-color);flex-direction:row;justify-content:center;justify-self:center;display:flex}.experience-card{border:1px solid #444;border-radius:.3rem;width:clamp(900px,80%,1400px);padding:2rem;transition:all 3s}.unviewCard{transition:all .3s;transform:scale(1)}.viewCard{transition:all .3s;transform:scale(1.02)}@keyframes delayed-border{0%{border-color:#0000}to{border-color:var(--secondary-color)}}@keyframes fade-from-left{0%{visibility:visible;opacity:0;display:block;transform:translate(-100%)}to{opacity:1;display:block;transform:translate(0%)}}@keyframes fade-to-left{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(-100%)}}.experience-menu-container{opacity:0}.experience-menu-container.active{visibility:visible;opacity:0;z-index:101;width:50px;height:100vh;margin:0;padding:0 .25rem;animation:.5s forwards fade-from-left;display:block;position:fixed;top:0;left:0}.experience-menu-container.inactive{visibility:visible;width:50px;height:100vh;margin:0;padding:.25rem;animation:.5s linear forwards fade-to-left;position:fixed;top:0;left:0}.experience-menu{flex-direction:column;place-content:center;height:100%;margin:0;display:flex;position:relative}.experience-menu-list{border:1px solid var(--secondary-color);background-color:var(--primary-color-opaque);box-sizing:border-box;border-radius:10rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin:0;padding:1.5rem;list-style:none;display:flex}.experience-menu-item{margin:0;transition:all .3s}.experience-menu-item.inactive{transition:all .3s;scale:1}.experience-menu-item.active{transition:all .3s 1s;scale:1.2}.experience-menu-item.active .experience-menu-img{border:2px solid #0000;padding:4px;transition:all .3s;animation:1s linear forwards delayed-border}.experience-menu-item:hover,.experience-menu-item:focus,.experience-menu-item.inactive:hover,.experience-menu-item.inactive:focus{transition:all .3s;scale:1.15}.experience-menu-button{text-align:inherit;font:inherit;appearance:none;cursor:pointer;background-color:#0000;border:none;border-radius:1rem;margin:0;padding:0}.experience-menu-button:focus,.experience-menu-button:hover{outline:revert;cursor:pointer}.experience-menu-img{filter:drop-shadow(0 2px 4px #444);border-radius:20%;width:40px;height:40px}.education .experience-card{box-shadow:inset var(--secondary-color)0 2px 1rem}.work .experience-card{box-shadow:inset var(--secondary-color)0 2px .5rem}.experience-header{flex-direction:row;justify-content:space-between;width:100%;display:flex}.experience-content{box-sizing:border-box;grid-template-columns:2fr 10px 1fr;display:grid}.experience-description{margin:.5rem}.experience-aside{box-sizing:border-box;flex-direction:column;width:100%;padding:1rem;display:flex}.experience-aside .tech-icon-list{flex-direction:row;width:100%;display:flex}.tech-icon-list.flex-row{flex-direction:row;justify-content:center;width:100%;display:flex}.flex-down{flex-direction:column;display:flex}.flex-side{flex-direction:row;display:flex}.flex-vertical-center{flex-direction:column;justify-content:center;display:flex}#social-links{flex-direction:row;justify-content:center;align-items:center;gap:.5rem;display:flex}#social-links svg{border:1px solid var(--secondary-color);width:2rem;height:2rem;fill:var(--secondary-color);border-radius:20%;padding:.25rem;transition:all .3s}#projects,.dont{display:none}.experience-content hr:not(.vertical){width:100%}footer{float:right;flex-direction:row;gap:1rem;margin-right:4%;display:flex;bottom:0}footer #social-links svg{border:1px solid var(--secondary-color);width:3rem;height:3rem;fill:var(--secondary-color);border-radius:20%;margin:.5rem;padding:.25rem;transition:all .3s}footer #social-links svg:hover{transition:all .3s;transform:scale(1.1);box-shadow:2px 2px 2px}@media (max-width:992px){.container{flex-direction:column;justify-content:center;display:flex}.container-title{text-align:center;justify-content:center;display:flex}.split{flex-direction:column-reverse;gap:2rem;display:flex}#splash-intro{z-index:100;translate:0 -50%}.diamond-container{width:350px;height:350px}.experience-menu-container{animation:.5s linear forwards fade-to-left!important}.exp-item{grid-template-columns:1fr;width:90%}.exp-content{flex-direction:column;justify-content:center;font-size:.75rem;display:flex}.site-header #nav-container,.site-header #social-links{display:none}.site-header #nav-menu-toggle{border:1px solid var(--secondary-color);border-radius:20%;justify-content:center;align-items:center;margin:auto 0;padding:.5rem;display:flex;height:100%!important}.site-header #nav-menu-toggle button{background-color:#0000;justify-content:center;align-items:center;display:flex}.container-content{padding:1.5rem}.mobile-active{display:flex!important}.experience-content{grid-template-columns:1fr;display:grid}hr.vertical{width:100%}}@media (max-width:480px){.diamond-container{width:220px;height:220px}#splash-outline,.masked-background{width:300px;height:300px}h1{font-size:2rem!important}#splash-intro{justify-content:center;font-size:.8rem;translate:0 -20%}#splash-intro ul{flex-direction:column}.experience-header,.experience-header .flex-side,.experience-header .flex-down{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}}