html{scroll-behavior:smooth}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{position:relative;min-height:100vh;margin:0;padding:0;background-color:transparent}body.home{background-color:#000}body.work,body.dev,body.info{background-color:#2d2d2d}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.home-page-container{display:flex;flex-direction:column;align-items:center;animation-name:popInAni;animation-duration:.5s;animation-fill-mode:forwards}.bubble-tail{position:absolute;top:67%;width:20px;height:20px;background:#fff;transform:rotate(45deg)}.home-page-nav-container{height:200px;z-index:1}.home-page-background-char{-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 98%);-webkit-mask-repeat:no-repeat;-webkit-mask-size:cover;mask-image:linear-gradient(to bottom,black 70%,transparent 98%);mask-repeat:no-repeat;mask-size:cover}.home-nav-button{width:60px;height:auto;color:#fff;border-style:solid;border-radius:10px;border-width:5px;border-color:#fff;padding:20px;margin:10px;transition:.25s ease}.nav-button-desc{margin-top:0;text-align:center}.home-nav-button:hover{cursor:pointer;transform:scale(1.2);transition:.25s ease}.nav-header-container{background-color:#000;display:flex;align-items:center;flex-direction:row;padding:10px;height:50px;position:relative;z-index:30}.nav-header-button{display:flex;flex-direction:row;width:22px;height:20px;cursor:pointer;border-style:solid;border-radius:5px;border-width:2px;border-color:#fff;padding:10px;margin:5px;transition:.25s ease;--show-button-title: none}.nav-button-icon{margin:2px 2px 0;width:25px;height:auto;color:#fff}.nav-header-button:hover{width:80px;transition:width .25s ease;--show-button-title: block}.button-title{display:var(--show-button-title);margin:auto;color:#fff}.button-container{display:flex;justify-content:center;margin-left:auto}.drop-down{background-color:#000;padding:5px;z-index:20;animation-name:menuDropDown;animation-duration:.5s;width:100dvw;position:absolute;right:0}.drop-down-container{z-index:1;width:fit-content;margin-left:auto;margin-right:20px}.drop-down-button{text-decoration:none;color:#fff}.drop-down-button:hover{color:#fda511;transition:.25s ease}.brg-menu{margin-left:auto;margin-right:20px;cursor:pointer}@keyframes menuDropDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.image-gallery-container{width:100%;display:flex;flex-direction:column;overflow-x:scroll;overflow-y:hidden;padding:20px}.image-gallery-container::-webkit-scrollbar{width:10px;height:10px;-webkit-border-radius:10px;border-radius:10px}.image-gallery-container::-webkit-scrollbar-track{cursor:pointer;margin:0 60px;-webkit-border-radius:10px;border-radius:10px}.image-gallery-container::-webkit-scrollbar-thumb{cursor:grab;border-radius:10px;background:linear-gradient(to bottom,#535353,#272727c3);height:3px}.image-gallery-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#7b7b7b,#434343c3)}.image-gallery-container::-webkit-scrollbar-thumb:active{cursor:grabbing}.image-gallery-container::-webkit-scrollbar-button{display:none;height:0px;width:0px}.row{width:fit-content;display:flex;align-items:center;flex-direction:row;height:calc(100%/var(--num-rows))}.content-entry{display:flex;height:96%;width:auto;object-fit:contain;border-radius:10px;margin-left:5px;margin-right:5px;z-index:0;cursor:pointer;transition:.25s ease}.error-entry{flex:0 0 auto;align-items:center;justify-content:center;flex-direction:column;background-color:#393939;width:180px}.content-entry:hover{transform:scale(1.1);box-shadow:0 0 10px #ebebeb99,0 0 20px #e9e9e966,0 0 30px #fff3;transition:.25s ease;z-index:10}.content-viewer-modal{max-height:95dvh;max-width:80dvw;border:none;border-radius:20px;background-color:#000;padding:0 0 3%;opacity:0;display:flex;flex-direction:column;align-items:center;overflow:hidden;position:absolute;width:fit-content;height:fit-content}.content-viewer-modal[open]{animation-name:popInAni;animation-duration:.5s;animation-fill-mode:forwards}.content-viewer-modal:not([open]){display:none}.content-viewer-modal::backdrop{background-color:#0009}.content-viewer-modal:focus{outline:none}.exit-modal{cursor:pointer;color:#fff;background-color:#0009;padding:2px;border-radius:50%;width:30px;height:auto;position:absolute;top:15px;right:15px;z-index:20}.img-src{max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain}.video-src{max-width:80%;height:auto;display:block}.bottom-grad{-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 98%);-webkit-mask-repeat:no-repeat;-webkit-mask-size:cover;mask-image:linear-gradient(to bottom,black 70%,transparent 98%);mask-repeat:no-repeat;mask-size:cover}.error-src{display:flex;justify-content:center;align-items:center;flex-direction:column;height:600px;width:400px}.info-pop-up{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;background-color:#000000d9;position:absolute}.arrow{cursor:pointer;color:#fff;margin:10px;width:40px;height:auto}.content-desc{padding:10px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.begin-state{position:absolute;top:91.5%}.open-desc{position:absolute;animation-name:slideIn;animation-duration:.5s;animation-fill-mode:forwards}.close-desc{position:absolute;animation-name:slideDown;animation-duration:.5s;animation-fill-mode:forwards}@keyframes slideIn{0%{transform:translateY(91.5%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(91.5%)}}@media(max-width:600px){.begin-state{position:absolute;top:86%}@keyframes slideIn{0%{transform:translateY(86%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(86%)}}}.gallery-carousel-container{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center}.next-gallery-button{cursor:pointer;display:flex;justify-content:center;align-items:center;height:fit-content;width:fit-content;background-color:none;padding:40px 10px;position:absolute;z-index:20;top:40%;transition:.25s ease}.next-gallery-icon{width:30px;height:auto}.left-nav{left:0%}.right-nav{right:0%}.next-gallery-button:hover{background-color:#000000b1;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;transition:.25s ease}.gallery-carousel-nav{display:flex;flex-direction:row;width:100%;justify-content:center;margin:20px 0}.section-info{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:40px}.section-desc{width:90%;text-align:center}.gallery-button{display:flex;justify-content:center;cursor:pointer;margin:7px;text-align:center;background-color:#323232;border-radius:8px;transition:.25s ease}.button-icon{width:30px;padding:10px;height:auto;margin:0;transition:.25s ease}.default-icon{text-align:center;padding:15px 23px;transition:.25s ease}.active{transform:scale(1.15);background-color:#484848;transition:.25s ease}.button-icon:hover,.default-icon:hover{transform:scale(1.15);transition:.25s ease}.root-container{display:flex;align-items:center;flex-direction:column;margin:20px;animation-name:popInAni;animation-duration:.5s;animation-fill-mode:forwards}.top-blurb{text-align:center;max-width:500px}.center-column{margin:10px;width:100%;display:flex;align-items:center;flex-direction:column}.center-row{margin:10px;display:flex;align-items:center;flex-direction:row}.header-state,.desc-state{text-align:left}.video-src{border-radius:15px;width:auto;max-height:350px}.assembly-process-section{display:flex;overflow-x:scroll;align-items:center}.assembly-process-vid-container{display:flex;flex:1 1 0px;flex-direction:column;align-items:center;margin:5px}.prod-princ-tble{border-spacing:20px;width:70%}.prod-princ-content{font-size:80%}@media(max-width:1010px){.center-row{flex-direction:column}.header-state,.desc-state{text-align:center}}@media(max-width:1500px){.assembly-process-section{flex-direction:column}}.company-carousel-root{height:200px;margin:50px auto;width:70%;display:flex;overflow-x:auto;overflow-y:hidden;mask-image:linear-gradient(to right,#0000,#000 10% 90%,#0000);-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 10%,rgba(0,0,0,1) 90%,rgba(0,0,0,0) 100%)}.company-carousel-root::-webkit-scrollbar{display:none}.group{height:100%;--ani-speed: 40s;display:flex;align-items:center;justify-content:center;gap:1em;animation:spin var(--ani-speed) infinite linear;padding-right:1em}.company-carousel-root:hover{--ani-speed: 5s}.card{flex:0 0 5em;height:100%;width:fit-content;padding:1em;border-radius:.2em;align-content:center}.logo-src{max-height:30%;width:auto}@keyframes spin{0%{translate:0}to{translate:-100%}}@media(max-width:1000px){.company-carousel-root{height:150px}}.info-page-container{animation-name:popInAni;animation-duration:.5s;animation-fill-mode:forwards}.font-state{font-size:1rem}.check-list{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:12px}.check-list li{position:relative;padding-left:2rem}.check-list li:before{content:"📌";position:absolute;left:0;color:green;font-size:1rem}.skills-section{border-radius:20px;box-shadow:0 4px 60px #00000061,0 6px 20px #00000030;margin:20px}.skill-grid{display:grid;grid-template-columns:auto auto auto;gap:30px;padding:50px}.icon-container{display:flex;flex-direction:column;align-items:center}.icon-src{width:35px;height:auto}@media(max-width:600px){.font-state{font-size:.75rem}}@keyframes popInAni{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}