@import"https://fonts.googleapis.com/css?family=Montserrat:400,700";@import"https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Jacquard+12+Charted&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Jersey+10+Charted&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.cont{width:100%}svg{width:100%;height:100%}.nameBox{width:min(100vw,700px);height:clamp(80px,20vh,180px);display:flex;align-items:center;justify-content:center}.path{stroke-dasharray:1000;stroke-dashoffset:1000;width:fit-content;animation-timing-function:linear;animation-play-state:running;animation-duration:8s;animation-fill-mode:both;animation-iteration-count:infinite;animation-direction:alternate;animation-name:draw}.letter-h .path{animation-delay:2s}@keyframes draw{0%{stroke-dashoffset:1000}to{stroke-dashoffset:700}}.linkBoxText{font-size:clamp(1rem,3vw,1.5rem);color:#000;line-height:2.2;letter-spacing:1.7px;text-decoration:none}button{transition-duration:.4s;text-decoration:none;border:none;background-color:transparent;font-family:"Noto Serif",serif;cursor:pointer;padding:4px 12px;border-radius:4px}button:hover{background-color:#3b4340;color:#fff}a{text-decoration:none}.landingPage{display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;min-height:calc(100vh - clamp(56px,12vh,80px));padding:2rem 1rem;width:100%}h3{font-size:clamp(1rem,3vw,1.5rem);margin:.5rem 0}.topBox{width:100%;max-width:700px;display:flex;flex-direction:column;align-items:center}.bottomBox{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.linkBox{display:flex;flex-direction:column;gap:10px}img{max-width:100%;height:auto}.portrait{height:clamp(150px,30vh,280px);width:clamp(150px,30vh,280px);object-fit:cover}.landscape{height:30px;width:80px}.square{height:75px;width:75px}.shay{border-radius:50%}*,*:before,*:after{box-sizing:border-box}body{font-family:"Noto Serif",serif;margin:0;overflow-x:hidden}.App{min-height:100vh}.currentPage{padding-top:clamp(56px,12vh,80px);min-height:calc(100vh - clamp(56px,12vh,80px))}.Header{height:12vh;min-height:56px;max-height:80px;width:100%;background-color:#555;position:fixed;top:0;left:0;z-index:100;display:flex;align-items:center;box-sizing:border-box}.hamburger-icon{position:relative;height:44px;width:44px;min-width:44px;margin-left:clamp(12px,3%,32px);z-index:1001;cursor:pointer;border-radius:50%;background:transparent;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .2s ease-in-out;flex-shrink:0;padding:0}.hamburger-icon:hover{transform:scale(1.2)}.icon-1,.icon-2,.icon-3{position:absolute;width:26px;height:3px;background-color:#fff;border-radius:2px;transition:all .4s cubic-bezier(.84,.06,.52,1.8)}.icon-1{transform:translateY(-8px)}.icon-3{transform:translateY(8px)}.icon-1.a{transform:rotate(40deg)}.icon-3.b{transform:rotate(-40deg)}.icon-2.c{opacity:0;transform:translate(10px)}.navBox{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#7c7f82;z-index:999;opacity:0;visibility:hidden;pointer-events:none;display:flex;justify-content:center;align-items:center;transition:opacity .35s ease,visibility .35s ease}.navBox.show{opacity:1;visibility:visible;pointer-events:all}.linkList{list-style:none;padding:0;margin:0;text-align:center;display:flex;flex-direction:column;gap:clamp(8px,2vh,20px)}.linkList li{text-transform:uppercase;letter-spacing:1.7px}.linkList li button{font-size:clamp(1.1rem,4vw,1.8rem);color:#fff;background:transparent;border:none;cursor:pointer;font-family:Montserrat,"Noto Serif",sans-serif;letter-spacing:1.7px;text-transform:uppercase;padding:8px 16px;transition:color .2s ease,background .2s ease;border-radius:4px}.linkList li button:hover{background-color:#ffffff26;color:#fff}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998}.footerBox{background-color:#ebebd3}.Footer{height:10vh;width:100vw;background-color:#555;position:absolute;bottom:0;display:flex;flex-direction:column}.meText{font-size:2em;position:relative;right:5%;bottom:20%}h1{font-size:5vh;position:absolute;left:18vw;bottom:10vh;font-family:"Jacquard 12 Charted"}.carousel{position:relative;display:flex;justify-content:center;align-items:center;width:min(70vw,800px);max-height:40vh;margin-bottom:5vh;margin-top:4vh}.slide{border-radius:.5rem;flex-shrink:0;box-shadow:0 0 7px #666;max-width:100%;max-height:40vh;width:auto;height:auto;object-fit:contain}.slide-hidden{display:none}.arrow:hover{cursor:pointer;color:#000}.arrow{position:absolute;width:2rem;height:2rem;color:#a4a0a0;filter:drop-shadow(0px 0px 5px #555);transition:.3s}.arrow-left{left:.5rem}.arrow-right{right:.5rem}.indicators{display:flex;position:absolute;bottom:1rem}.indicator{background-color:#fff;height:.5rem;width:.5rem;border-radius:100%;border:none;outline:none;box-shadow:0 0 5px #555;margin:0 .2rem;cursor:pointer}.indicator-inactive{background-color:gray}@media (max-width: 768px){.carousel{width:min(92vw,800px);max-height:35vh}.slide{max-height:35vh}}.aboutPageBox{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2rem 1rem 4rem;width:100%}.aboutHeader{font-size:clamp(1.4rem,4vw,2rem);text-align:center;margin-bottom:1rem}.paragraph{display:flex;flex-direction:column;justify-content:center;align-items:center;width:min(90vw,720px)}.paragraph-me{width:100%;text-align:left;line-height:1.7;font-size:clamp(.95rem,2vw,1.1rem)}.projectsPageBox{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#e0e1dd;min-height:100vh;padding:1rem 1rem 4rem;width:100%}.projectsHeader{font-size:clamp(2rem,6vw,4em);margin-bottom:.25rem;text-align:center}.projectsSubhead{font-size:clamp(.85rem,2vw,1rem);color:#888;letter-spacing:2px;text-transform:uppercase;margin-top:0;margin-bottom:2.5rem;font-family:Montserrat,sans-serif}.projectsBox{display:flex;flex-direction:column;gap:5vh;width:100%;max-width:960px}.project{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;background-color:#1b263b;border:2px solid green;padding-bottom:2vh;border-radius:4px;color:#e0e1dd;font-weight:550;font-size:clamp(13px,1.5vw,16px)}.descAndImages{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.projectDesc{width:90%;border:2px solid black;padding:.5rem}.projectImages{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4vw;padding:1rem}.projectImage{width:clamp(120px,20vw,280px);height:auto;border-radius:5%}.projectImage:hover{cursor:pointer}.modal{display:none;position:fixed;z-index:200;padding-top:50px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000b3}.modal-content{margin:auto;text-align:center}#modal-image{display:inline-block;width:min(75vw,900px);height:auto}.close{color:#e0e1dd;display:block;font-size:40px;font-weight:700}.close:hover,.close:focus{text-decoration:none;cursor:pointer}ul{list-style:none;align-self:center;padding:0}li{color:#e0e1dd;text-decoration:none}a:visited{color:#e0e1dd}a:hover{color:#000}.collaboratorsBox{display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid purple}.tl-wrapper{position:relative;max-width:1000px;width:100%;margin:0 auto;padding:1rem 1rem 5rem}.tl-line{position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,transparent,#1B263B 6%,#1B263B 94%,transparent);transform:translate(-50%);pointer-events:none}.tl-item{display:flex;align-items:flex-start;margin-bottom:2.5rem}.tl-spacer{flex:1}.tl-mid{width:60px;flex-shrink:0;display:flex;justify-content:center;align-items:flex-start;padding-top:22px;position:relative;z-index:1}.tl-dot{width:18px;height:18px;border-radius:50%;border:3px solid #e0e1dd;flex-shrink:0}@keyframes pulse-ring{0%{box-shadow:0 0 #1b263b73}70%{box-shadow:0 0 0 12px #1b263b00}to{box-shadow:0 0 #1b263b00}}.tl-dot-pulse{animation:pulse-ring 2.2s ease-out infinite}.tl-card{flex:1;background:#fff;border-radius:10px;padding:1.4rem 1.6rem;border-top:4px solid;box-shadow:0 3px 16px #00000014;cursor:default;will-change:transform}.tl-card-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem;flex-wrap:wrap}.tl-badge{display:inline-flex;align-items:center;gap:5px;color:#fff;font-size:.62rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:4px;font-family:Montserrat,sans-serif}.tl-period{font-size:.78rem;color:#999;font-weight:600;letter-spacing:.3px}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.tl-current{font-size:.62rem;color:#2d6a4f;font-weight:800;letter-spacing:1.2px;animation:blink 2.2s ease-in-out infinite}.tl-title{margin:0 0 .2rem;font-size:clamp(.95rem,2vw,1.15rem);color:#1b263b;font-family:"Noto Serif",serif;font-weight:700;line-height:1.3}.tl-org{margin:0 0 .8rem;font-size:.8rem;color:#aaa;font-style:italic}.tl-desc{margin:0 0 1rem;font-size:clamp(.8rem,1.4vw,.9rem);line-height:1.65;color:#555}.tl-tags{display:flex;flex-wrap:wrap;gap:5px}.tl-tag{font-size:.67rem;background:#f0f2f4;color:#1b263b;padding:3px 10px;border-radius:20px;font-weight:600;letter-spacing:.2px;border:1px solid #dde1e6;font-family:Montserrat,monospace}@media (max-width: 700px){.tl-line{left:18px;transform:none}.tl-item{margin-bottom:1.8rem}.tl-spacer{display:none}.tl-mid{width:38px;padding-top:18px}.tl-dot{width:14px;height:14px}.tl-card{flex:1;padding:1rem 1.1rem}.tl-right{flex-direction:row}.tl-right .tl-mid{order:1}.tl-right .tl-card{order:2}.tl-left{flex-direction:row}.tl-left .tl-card{order:2}.tl-left .tl-mid{order:1}}.contentContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem 1rem 4rem;width:100%}.para{width:min(80%,760px);line-height:1.7;font-size:clamp(.95rem,2vw,1.1rem)}.link{text-decoration:underline}li{color:#000}li:not(:last-child){margin-bottom:10px}@media (max-width: 600px){.para{width:92%}}