#nav{display:flex;flex-direction:row;padding:5px;background-color:var(--background-color-3);position:fixed;top:0;left:0;right:0;z-index:2000;align-items:center}.nav-button{padding:10px 15px;margin:3px;background-color:var(--background-color-3);border:none;border-radius:5px;color:#fff;transition:filter .2s ease;cursor:pointer}.nav-button:hover,.current-nav-button{filter:brightness(2);color:var(--detail-color)}#right-buttons{margin-left:auto;margin-right:2%}#left-buttons{margin-left:2%;display:flex;align-items:center}#logo{width:40px;height:auto;margin:10px}#theme-control{display:flex;background-color:var(--background-color-3);color:#fff;border:none;border-radius:5px;padding:10px 15px;transition:filter .2s ease;cursor:pointer}#theme-control:hover{filter:brightness(2);color:var(--detail-color)}#theme-control>p{margin:0;padding-left:15px}#theme-control>p:first-of-type{margin:0;padding-right:15px;padding-left:0}#footer-top{position:absolute;bottom:0;padding:0%;display:flex;flex-direction:column;height:200px}#social-bar{background-color:var(--detail-color);width:100vw}#social-bar>h2{margin:0%;padding:15px 32px}#footer-bottom{padding-top:10px;background-color:var(--background-color-3);color:#fff;height:165px}hr{width:80%;border:1px solid var(--background-color-2)}.icon{font-size:36px;padding:2px 15px}#rightsBar{display:flex;align-items:center;justify-content:center}section{display:flex;position:relative;flex-direction:column;align-items:center;padding:0%;min-height:600px}#banner{position:relative;min-height:640px;max-height:900px;width:100vw;height:auto;top:0;right:0;bottom:0;left:0;object-fit:cover}.banner-sub{margin:0;font-weight:500;font-size:3vw;color:var(--detail-color);text-shadow:-1px -1px 0 var(--detail-color-2),1px -1px 0 var(--detail-color-2),-1px 1px 0 var(--detail-color-2),1px 1px 0 var(--detail-color-2)}#main-content{display:flex;flex-direction:column;position:absolute;height:100%;justify-content:center}#name{letter-spacing:-2px;font-size:5vw;margin-bottom:0;font-weight:900;line-height:1;color:var(--text-color-2);text-shadow:-1px -1px 0 var(--detail-color-2),1px -1px 0 var(--detail-color-2),-1px 1px 0 var(--detail-color-2),1px 1px 0 var(--detail-color-2)}.card{background-color:var(--background-color-2);padding:2% 7%;display:flex;justify-content:space-between}.card>img{width:30%;object-fit:cover;pointer-events:none;border-radius:5px;border:solid 5px var(--detail-color-2);margin-bottom:2%}.personal{background-color:var(--background-color);flex-direction:row-reverse;justify-content:space-between}.about-card{padding-bottom:0}.personal>.flex-container{text-align:end;align-items:end}.flex-container{display:flex;flex-direction:column;width:100%;align-items:start;text-align:start;margin:0 2% 0 0}.flex-container>button{margin-top:1%}.main-container{flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}.title{letter-spacing:-2px;font-size:6vw;margin:0;font-weight:900;line-height:1;color:var(--detail-color)}.sub-title{margin:0;font-weight:400;font-size:1.5vw;color:var(--detail-color-2)}.blurb{color:var(--text-color);font-size:1.25vw;font-family:Garamond,Times,Times New Roman,serif}.page-button{padding:15px 32px;background-color:var(--detail-color);border:2px solid var(--detail-color-2);color:var(--text-color-2);transition:.2s ease;font-size:1.5vw;cursor:pointer}.page-button:hover{background-color:var(--background-color);color:var(--detail-color)}.project{width:100%;pointer-events:none}.proj-image{width:100%;height:100%;object-fit:cover;pointer-events:none}.proj-button{background-color:var(--detail-color);padding:10px;border-radius:5px;margin:10px;width:30%;height:15vw;border:none;position:relative;color:var(--background-color-2)}.proj-button:hover,.proj-selected{background-color:var(--detail-color-2);color:var(--detail-color)}.proj-title{text-align:start;margin:0;font-weight:900;font-size:2vw;color:#fff;letter-spacing:-2px;line-height:1;position:absolute;pointer-events:none;text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black}#tri-design{width:100%;height:25px;background-color:var(--background-color);clip-path:polygon(50% 0%,47% 100%,53% 100%)}.page-top{padding:10vh 7% 2%;align-items:start;height:100%}.page-bottom{background-color:var(--background-color);border:none}.thumbnail-container{display:inline-block}#image-and-arrows{display:flex;flex-direction:row}.proj-image-container{display:flex;flex-direction:column;padding:2%;border-radius:5px;margin:auto;width:100%;height:100%;border:none;position:relative;color:var(--background-color-2);align-items:center;background-color:var(--background-color)}.main-proj-image{width:100%;max-height:400px;object-fit:contain;border-radius:5px;border:solid 5px var(--detail-color-2);cursor:pointer;transition:transform .3s ease;background-color:var(--detail-color)}#cycle-image{padding-top:5%}.alt-text{filter:brightness(3);color:var(--text-color);font-size:1vw;margin:5px;width:75%;align-self:center;font-family:Garamond,Times,Times New Roman,serif}.button-position{display:flex;flex-direction:column;justify-content:center;align-items:center;width:5%;height:100%}.arrow-button{border-radius:50%;margin:auto;background-color:var(--detail-color);border:2px solid var(--detail-color-2);color:var(--text-color-2);transition:.2s ease;font-size:2.5vw;visibility:hidden;text-align:center;cursor:pointer}.arrow-button>p{position:relative;margin:auto}.arrow-button:hover{background-color:var(--background-color);color:var(--detail-color)}.main-proj-image:hover{transform:scale(1.02)}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:none;justify-content:center;align-items:center;z-index:5000;cursor:zoom-out}.overlay .full-image{max-width:90%;max-height:90%;box-shadow:0 0 15px #000}#about-image{height:100%;object-fit:cover;pointer-events:none;border-radius:5px;border:solid 5px var(--detail-color-2);margin:2%}iframe{width:100%;aspect-ratio:4/3;border:solid 5px var(--detail-color-2)}:root{font-family:Verdana,Helvetica,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background-color: white;--background-color-2: rgb(211, 211, 211);--background-color-3: rgb(36, 35, 35);--text-color: black;--text-color-2: white;--detail-color: rgb(2, 130, 134);--detail-color-2: rgb(8, 40, 54)}[data-theme=dark]{--background-color: #1d2a35;--background-color-2: #38444d;--detail-color-2: rgb(127, 221, 224);--text-color: white;--text-color-2: black}[data-theme=pink]{--background-color: pink;--background-color-2: rgb(211, 211, 211);--detail-color: rgb(224, 34, 59);--detail-color-2: rgb(104, 2, 53)}html{scroll-behavior:smooth;scrollbar-color:var(--detail-color)}body::-webkit-scrollbar{width:auto}body::-webkit-scrollbar-thumb{background-color:var(--detail-color);border-radius:10px;border:4px solid transparent;background-clip:content-box}body::-webkit-scrollbar-track{background:transparent}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-y:visible;overflow-x:hidden;background-color:var(--background-color-2);color:var(--text-color)}#root{width:100vw;min-height:100vh;text-align:center;position:relative;top:0%;padding-bottom:200px}a{text-decoration:none;color:var(--detail-color);transition:.2s ease;font-size:1.5vw;word-break:break-all}a:hover{color:var(--text-color)}@media only screen and (max-width: 768px){#nav{flex-direction:column}#right-buttons{margin:auto}.nav-button,#theme-control{border:1px solid black;font-size:2.5vw}.page-top{padding:17vh 7% 2%}section{min-height:400px}#banner{min-height:400px}#name{font-size:9vw}.title{font-size:8vw}.sub-title,a,.banner-sub{font-size:4vw}.blurb{font-size:2vw}.alt-text{font-size:1.75vw}.page-button{font-size:3vw}.card{flex-direction:column}.card>img{width:98%;margin:auto auto 2%}.personal>.flex-container,.about-card>.flex-container{width:100%;margin:0 0 2%;flex-direction:row;justify-content:space-between;align-items:end}.arrow-button{font-size:5vw}.page-button{padding:8px 32px}.proj-image-container{width:98%}.page-bottom{padding:15px}.proj-button{width:45%;height:25vw}.proj-title{font-size:5vw}#about-image{margin:auto}iframe{width:98%}@media only screen and (max-width: 430px){.proj-button{width:90%;height:45vw}.blurb{font-size:3vw}.alt-text{font-size:2.75vw}}}