body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root,:root[data-theme=dark]{--accent:#6a19d5;--accent2:silver;--background-color:#141414;--text-color:#fff;--secondary-text-color:var(--accent2);--logo-default:var(--accent2);--logo-hover:#fff;--button-text:var(--accent2);--button-border:var(--accent2);--generic-button-border:var(--accent);--generic-radio-border:var(--accent);--generic-radio-fill:var(--accent);--icon-button:var(--accent2);--icon-button-hover:#fff;--home-button:var(--accent2);--link-text:#53a5e0;--link-hover:#6dc1fc;--divider:var(--accent2);--textbox-border:var(--accent2);--drawer-background-color:#191919;--drawer-text-color:var(--text-color);--drawer-item-background:var(--drawer-background-color);--drawer-item-border:var(--accent)}body{background-color:#141414;background-color:var(--background-color);color:#fff;color:var(--text-color);display:grid;justify-content:center}.page{justify-self:center;max-width:100vw;width:100vw}@media (min-aspect-ratio:1/1){.page{max-width:70vw;width:70vw}}.glyph,.glyph input{font-family:Major Mono Display,serif;font-style:normal;font-weight:400}.geometric,.geometric input{font-family:Outfit,serif;font-optical-sizing:auto;font-style:normal;font-weight:400}.exo,.exo input{font-family:Exo\ 2,serif;font-optical-sizing:auto;font-style:normal;font-weight:200}.secondary{color:silver;color:var(--secondary-text-color)}.main-content{align-items:center;display:flex;flex-direction:column;height:78vh;justify-content:center;max-height:80vh}#email,#github-link,#linkedin{color:silver;color:var(--logo-default);transition:.15s}#email:hover,#github-link:hover,#linkedin:hover,.home-button:hover{color:#fff!important;color:var(--logo-hover)!important;transform:scale(110%)}.buttonBackground{background-color:#141414;background-color:var(--background-color);border-color:silver;border-color:var(--button-border);color:silver;color:var(--button-text);text-decoration:none;transition:border .15s}.buttonBackground:hover{border:#0000}.generic-button{background-color:initial;border:2px solid #6a19d5;border:2px solid var(--generic-button-border);border-radius:.5rem;color:#fff;color:var(--text-color);transition:background-color .2s}.generic-button:hover{background-color:#6a19d5;background-color:var(--generic-button-border)}.generic-radio{opacity:0}.generic-radio-overlay{align-items:center;border:2px solid #6a19d5;border:2px solid var(--generic-radio-border);border-radius:50%;display:flex;justify-content:center;position:relative;transition:background-color .2s}.generic-radio-overlay .generic-radio-check{opacity:0}.generic-radio-overlay:hover{background-color:#6a19d5;background-color:var(--generic-radio-border)}.generic-radio-container input:checked~.generic-radio-overlay .generic-radio-check{opacity:1}.generic-icon-button{color:silver!important;color:var(--icon-button)!important;transition:.15s!important}.generic-icon-button:hover{color:#fff!important;color:var(--icon-button-hover)!important;transform:scale(110%)}.home-button{color:silver!important;color:var(--home-button)!important;transition:.15s!important}.no-link-styling,.no-link-styling:visited{color:inherit;text-decoration:inherit}.link{color:#53a5e0!important;color:var(--link-text)!important;transition:.15s}.link:hover{color:#6dc1fc!important;color:var(--link-hover)!important}.divider{background-color:silver;background-color:var(--divider)}.textfield input{color:#fff;color:var(--text-color)}.textfield .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:silver!important;border-color:var(--textbox-border)!important}.chip .MuiChip-label{color:#fff;color:var(--text-color)}.pointer{cursor:pointer}.no-highlight{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#projects-menu,.drawer{background-color:#191919;background-color:var(--drawer-background-color);color:#fff;color:var(--drawer-text-color)}.projects-menu-link{background-color:#191919;background-color:var(--drawer-item-background);border:2px solid #6a19d5;border:2px solid var(--drawer-item-border);color:#fff;color:var(--drawer-text-color);transition:.15s}.projects-menu-link:hover{background-color:#6a19d5;background-color:var(--drawer-item-border)}.settings{transition:transform .2s cubic-bezier(.27,.46,.83,.67)}.settings:hover{transform:rotate(45deg)}:root[data-theme=light]{--accent:#a373e2;--accent2:#440064;--background-color:#c9d4d2;--text-color:#000;--secondary-text-color:var(--accent2);--logo-default:#000;--logo-hover:var(--accent2);--button-text:var(--text-color);--button-border:var(--accent2);--generic-button-border:var(--accent);--generic-radio-border:var(--accent);--generic-radio-fill:var(--accent);--icon-button:var(--accent2);--icon-button-hover:#fff;--home-button:var(--accent2);--about-link-text:#0080ff;--about-link-hover:#0a2b57;--divider:var(--accent2);--textbox-border:var(--accent2);--drawer-background-color:#e4e4e4;--drawer-text-color:var(--text-color);--drawer-item-background:var(--drawer-background-color);--drawer-item-border:var(--accent)}.header{align-items:center;display:flex;flex-direction:column;font-size:2.5rem;height:15vh;justify-content:center;width:100vw}@media (max-aspect-ratio:2/3){.header{font-size:9vw}}#home-header,#misc-header{-webkit-text-fill-color:#0000;animation:header-animation 8s linear infinite;background:linear-gradient(to right,var(--accent),var(--accent2),var(--accent));background-clip:text;-webkit-background-clip:text;background-size:200%;white-space:nowrap}@keyframes header-animation{0%{background-position:0}to{background-position:-200%}}.footer{align-items:center;display:flex;flex-direction:row;gap:1vw;height:5vh;justify-content:center;width:100vw}#github-logo,#linkedin{font-size:2rem}#nav{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;row-gap:2vh;width:70vw}.NavButton{border-radius:1.5rem;display:block;height:18vh;min-width:30vw;text-decoration:none;width:30vw;z-index:1}.NavButton,.buttonBackground{align-items:center;display:flex;justify-content:center}.buttonBackground{border:2px solid;border-radius:1.5rem;font-size:1.5rem;height:calc(18vh - 4px);min-width:calc(30vw - 4px);z-index:2}.gear-container{--base-opacity:0.1;background-color:initial;height:100vh;inset:0;overflow:hidden;position:fixed;width:100vw;z-index:-1}.gear{animation-fill-mode:forwards;background-color:var(--accent);border-radius:50%;box-sizing:border-box;opacity:var(--base-opacity);position:absolute}.gear-24-cw{animation:gear-24-cw 1.5s linear infinite}.gear-12-ccw{animation:gear-12-ccw 1.5s linear infinite}.gear-12-cw{animation:gear-12-cw 1.5s linear infinite}.gear-8-ccw{animation:gear-8-ccw 1.5s linear infinite}.gear-8-cw{animation:gear-8-cw 1.5s linear infinite}@keyframes gear-24-cw{0%{transform:rotate(0deg)}25%,to{transform:rotate(45deg)}}@keyframes gear-12-ccw{0%{transform:rotate(0deg)}25%,to{transform:rotate(-90deg)}}@keyframes gear-12-cw{0%{transform:rotate(0deg)}25%,to{transform:rotate(90deg)}}@keyframes gear-8-ccw{0%{transform:rotate(0deg)}25%,to{transform:rotate(-135deg)}}@keyframes gear-8-cw{0%{transform:rotate(0deg)}25%,to{transform:rotate(135deg)}}.traces{--base-opacity:0.0;background-color:initial;background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:28px 28px;height:100vh;inset:0;overflow:hidden;position:fixed;width:100vw;z-index:-1}.trace-seg{opacity:var(--base-opacity);pointer-events:none;position:absolute}.trace-seg:not(.trace-seg-pulse){opacity:calc(var(--base-opacity) + .2)}@keyframes trace-pulse{0%,to{filter:brightness(1);opacity:var(--base-opacity)}50%{filter:brightness(1.8) drop-shadow(0 0 4px currentColor);opacity:.4}}.trace-seg-pulse{animation:trace-pulse linear infinite}.via{align-items:center;border-radius:50%;border-style:solid;display:flex;justify-content:center;opacity:var(--base-opacity);pointer-events:none;position:absolute}.via-pulse{animation:trace-pulse linear infinite}.via:not(.via-pulse){opacity:calc(var(--base-opacity) + .2)}.arm-container{--base-opacity:0.1;--animation-duration:10s;--animation-easing-function:ease-in-out;background-color:initial;height:100vh;inset:0;overflow:hidden;position:fixed;width:100vw;z-index:-1}.assembly-line{border:3px solid var(--accent);height:20vh;top:60vh}.assembly-line,.assembly-line-side{left:-5vw;opacity:var(--base-opacity);position:fixed;width:110vw}.assembly-line-side{border-bottom:3px solid var(--accent);height:10vh;top:80vh}.belt{animation:conveyor-animation 3s linear infinite;background:linear-gradient(to right,var(--accent) 0,var(--accent) 3%,#0000 3%,#0000 100%);background-size:10vw 100%;height:inherit;left:-10vw;position:fixed;transform:skewX(-25deg);width:calc(100% + 20vw)}@keyframes conveyor-animation{0%{transform:translateX(0) skewX(-25deg)}to{transform:translateX(20vw) skewX(-25deg)}}.arm{left:40vw;opacity:var(--base-opacity);position:fixed}.arm-link-01,.arm-link-12,.arm-link-23{background-color:var(--accent);border:2px solid hsl(from var(--accent) h s calc(l + 20));border-radius:1rem;position:absolute}.arm-link-01{animation:animation-link-01 var(--animation-duration) var(--animation-easing-function) infinite;height:30vh;max-width:30vw;width:8rem}.arm-link-12{animation:animation-link-12 var(--animation-duration) var(--animation-easing-function) infinite}.arm-link-12,.arm-link-23{height:30vh;left:-2px;max-width:30vw;top:70%;transform-origin:center 3rem;width:inherit}.arm-link-23{animation:animation-link-23 var(--animation-duration) var(--animation-easing-function) infinite;transform-style:preserve-3d}.arm-gripper-left-1,.arm-gripper-right-1{background-color:var(--accent);border:2px solid hsl(from var(--accent) h s calc(l + 20));border-radius:1rem;height:6rem;position:absolute;top:90%;transform:translateZ(-1px);transform-origin:center 1rem;width:1rem}.arm-gripper-left-1{animation:animation-gripper-left-1 var(--animation-duration) var(--animation-easing-function) infinite;left:calc(20% - 2px)}.arm-gripper-right-1{animation:animation-gripper-right-1 var(--animation-duration) var(--animation-easing-function) infinite;left:calc(80% - 1rem - 2px)}.arm-gripper-left-2,.arm-gripper-right-2{background-color:var(--accent);border:2px solid hsl(from var(--accent) h s calc(l + 20));border-radius:1rem;height:6rem;left:calc(20% - 2px);position:absolute;top:80%;transform-origin:center 1rem;width:1rem}.arm-gripper-left-2{animation:animation-gripper-left-2 var(--animation-duration) var(--animation-easing-function) infinite;rotate:-60deg}.arm-gripper-right-2{animation:animation-gripper-right-2 var(--animation-duration) var(--animation-easing-function) infinite;rotate:60deg}@keyframes animation-link-01{0%,25%{transform:translateY(-50vh)}50%,75%{transform:translate(-40vw)}to{transform:translateY(-50vh)}}@keyframes animation-link-12{0%,25%{rotate:0deg}50%,75%{rotate:45deg}to{rotate:0deg}}@keyframes animation-link-23{0%,25%{rotate:0deg}50%,75%{rotate:-45deg}to{rotate:0deg}}@keyframes animation-gripper-left-1{0%{rotate:30deg}25%,50%{rotate:60deg}75%,to{rotate:30deg}}@keyframes animation-gripper-right-1{0%{rotate:-30deg}25%,50%{rotate:-60deg}75%,to{rotate:-30deg}}@keyframes animation-gripper-left-2{0%{rotate:-30deg}25%,50%{rotate:-60deg}75%,to{rotate:-30deg}}@keyframes animation-gripper-right-2{0%{rotate:30deg}25%,50%{rotate:60deg}75%,to{rotate:30deg}}.box{background-color:var(--accent);border:2px solid hsl(from var(--accent) h s calc(l + 20));border-radius:.5rem;height:7.35rem;opacity:var(--base-opacity);place-items:center;position:fixed;width:7.35rem}.box,.box-inner{display:grid;overflow:hidden}.box-inner{border:2px solid hsl(from var(--accent) h s calc(l + 20));border-radius:.25rem;height:5.85rem;place-items:center;position:absolute;width:5.85rem}.box-icon{color:hsl(from var(--accent) h s calc(l + 20))!important;font-size:4rem!important}#box-1{animation:animation-box-1 10s linear infinite}#box-2{animation:animation-box-2 10s var(--animation-easing-function) infinite}@keyframes animation-box-1{0%,4%{animation-timing-function:cubic-bezier(.5,0,1,.5);translate:calc(40vw + 6.5%) 28vh}8%{translate:calc(40vw + 6.5%) 57vh}to{translate:102vw 57vh}}@keyframes animation-box-2{0%,75%{translate:calc(.4rem - 16vh) 73vh}to{translate:calc(40vw + 6.5%) 28vh}}#about-container{display:grid;grid-template-columns:12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;grid-template-rows:auto auto auto auto auto;min-height:150vh;overflow:hidden;width:inherit}#about-header{font-size:3rem;grid-column:1/span 5;grid-row:1/span 2;padding-top:2rem;text-align:center}#about-img{aspect-ratio:1/1;background-size:cover;grid-column:6/span 3;grid-row:1/span 2}#extracurriculars{grid-column:1/span 4;grid-row:3/span 2;padding-left:1rem;padding-right:1rem}#skills{grid-column:5/span 3;grid-row:3/span 1}#about-website{grid-column:1/span 8;grid-row:5/span 1}.about-body{font-size:1.25rem;padding-left:1rem;padding-right:1rem}@media (max-aspect-ratio:1/1){#about-img{background-image:none!important;grid-column:none}#about-header{grid-column:1/span 8}}body:has(#projects-main-container){background-image:linear-gradient(color-mix(in srgb,var(--accent2),#0000 96%) 1px,#0000 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent2),#0000 96%) 1px,#0000 1px);background-size:34px 34px}#projects-main-container{display:flex;flex-direction:column;width:inherit}.projects{width:inherit}.projects-container{display:grid;grid-template-columns:auto auto;grid-template-rows:auto;height:-webkit-fit-content;height:fit-content;overflow:hidden;width:inherit}.gap{margin-bottom:1rem}.pleft{grid-column:1/span 1}.pleft,.pright{display:flex;flex-direction:column}.pright{grid-column:2/span 1}.pboth{grid-column:1/span 2}.pimg-container{overflow:hidden;text-align:center}.pimg{aspect-ratio:auto;object-fit:fill}.pimg,.pimg-list{border-radius:.25rem}.ptitle{font-size:2rem;text-align:center}.psubtitle{font-size:1rem;margin-bottom:1rem;margin-top:1rem;text-align:center}.pbody{font-size:1.25rem;margin-top:1rem;padding-left:1rem;padding-right:1rem}@media (max-aspect-ratio:1/1){.pleft{grid-row:1/span 1!important}.pleft,.pright{grid-column:1/span 1!important}.pright{grid-row:2/span 1!important}.both{grid-column:1/span 1;grid-row:1/span 2}.projects-container{grid-template-columns:auto!important;grid-template-rows:auto auto!important}.pimg{width:100vw!important}}.projects-menu-link{border-radius:1rem;height:2rem;text-decoration:none}#alex-main,.projects-menu-link{display:flex;flex-direction:column;justify-content:center;text-align:center}#alex-main{align-items:center;font-size:1.5rem;min-height:100vh;padding-left:2rem;padding-right:2rem}#RPI-logo{aspect-ratio:1000/604;background-size:cover;width:80%}
/*# sourceMappingURL=main.0112601e.css.map*/