body{background-color:#181717}.page-content{padding-top:1rem;display:flex;flex-direction:column;align-items:center;margin-bottom:4rem}.title{position:fixed;display:flex;top:0;margin-top:1rem;text-align:center;margin-right:5rem;color:#fff;z-index:998;margin-left:1rem;border:solid 1px rgb(110,110,110);padding:7px}.title:hover{cursor:default}.responsive-iframe-container{display:flex;flex-direction:column;aspect-ratio:1 / 1.5;width:100%;max-width:400px;height:auto;overflow:hidden;border-radius:10px;border:2px solid #ccc}.responsive-iframe-container iframe{width:100%;height:100%;border:none}@media (max-width: 900px){.title{justify-content:left;left:0;margin-left:1rem;font-size:3vw}}.intro{color:#fff;font-size:40px;font-display:block;text-align:center}.intro2{color:#fff;font-size:30px;font-display:block;text-align:center}.intro3{color:#fff;font-size:20px;font-display:block;text-align:center}.aboutme1{color:#fff;font-size:15px;font-display:block;text-align:center;font-family:Arial,Helvetica,sans-serif}.cv-viewer{width:100%;height:100vh;border:none}.introHead{color:#f0f8ff;font-size:70px;font-display:block;text-align:center;margin-top:1.5rem;margin-bottom:.5rem}.head2{color:#f0f8ff;font-size:60px;font-display:block;text-align:center;margin-top:1.5rem;margin-bottom:.5rem}.head-fixing{color:#dc143c;font-size:60px;font-display:block;text-align:center;margin-top:1.5rem;margin-bottom:.5rem}.home-contacts{text-align:center}.homeLinks{color:#7fffd4;font-style:italic}.contactLinks{color:coral}.contact-row{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.contact-icon{width:24px;height:24px;margin-right:8px}.headshot{position:absolute;top:10px;right:20px;width:200px;height:200px;border-radius:50%;border:4px solid black;object-fit:cover}@media (max-width: 1250px){.headshot{right:20px;width:15vw;height:15vw;border-width:.5vw}}@media (max-width: 650px){.title{display:flex;top:-2.3vw}.intro{font-size:7vw}.intro2{font-size:4vw}.intro3{font-size:2vw}.aboutme1{font-size:2.5vw}.introHead{font-size:12vw}.head2,.head-fixing{font-size:10.5vw}.contact-icon{width:4vw;height:4vw;margin-right:8px}}@media (max-width: 450px){.title{display:flex;top:-3.5vw}}.project-grid li{display:inline-block;list-style:none;margin-right:10vw;margin-bottom:10vh;margin-top:120px}.proj-timeline-title{color:#f0f8ff;font-size:60px;font-display:block;text-align:center;text-decoration:underline;margin-top:.5rem;margin-bottom:0;font-family:Courier New,Courier,monospace}.proj-img{max-width:700px;border-style:solid;border-width:2px;height:auto;display:block}@media (max-width: 650px){.project-grid{grid-template-columns:1fr}.proj-timeline-title{font-size:9vw}}@media (max-height: 650px){.responsive-iframe-container{height:60vh;width:30vw}}.projectButton{background-color:#70b97c;border:solid 2px black;font-style:oblique;font-weight:700;color:#000;align-items:center;align-content:center;text-align:center}.projectButton:hover{cursor:pointer;background-color:#3d6343}.timeline-container{position:relative;margin:40px auto;padding:40px 0;width:100%;max-width:700px}.timeline-container:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:4px;height:100%;background:#e17b77}.timeline-item{position:relative;display:flex;justify-content:flex-end;padding:20px 0;width:50%}.timeline-item:nth-child(odd){justify-content:flex-start;margin-left:auto}.timeline-item-content{position:relative;background:#333;padding:20px;border-radius:6px;color:#fff;max-width:260px}.source-link{color:#7fffd4}.access-link{color:#ffe87f}.timeline-container{display:flex;flex-direction:column;justify-content:center;position:relative;margin:40px auto;padding:40px 0;max-width:900px}.timeline-container:after{background-color:#e17b77;content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:4px}.timeline-row{display:flex}.timeline-item{position:relative;display:flex;padding:20px 0;width:50%}.timeline-row-left .timeline-item{align-self:flex-end;justify-content:flex-end;margin-left:0}.timeline-row-right .timeline-item{align-self:flex-start;justify-content:flex-start;margin-left:50%}:root{--nav-h: clamp(56px, 8vw, 80px)}.navbar{position:sticky;top:0;height:var(--nav-h);display:flex;align-items:center;padding:0 1rem;background-color:#181717;border-bottom:1px solid #e5e7eb;z-index:1}.navbar-container{display:flex;justify-content:space-between;align-items:center;margin:0 auto;background-color:#181717}.logo{font-size:1.5rem;font-weight:bolder;color:#fff;text-decoration:none;border-style:solid;border-top:none;border-right:none;transition:color .3s ease;z-index:999}.nav-item{color:#fff}.logo:hover{color:#777}.nav-links a{margin-left:1.5rem;color:#fff;font-weight:700;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#777}.hamburger{display:none;flex-direction:column;position:absolute;cursor:pointer;left:0;margin-left:90vw}.bar{width:25px;height:3px;background-color:#fff;margin:3px 0;transition:all .3s ease}@media (max-width: 650px){.hamburger{display:flex}.nav-links{display:none;margin-top:7rem;right:0;font-size:2vw;position:absolute;background-color:#181717;border-style:solid;border-color:#fff;flex-direction:column;padding:.75rem;border-radius:2px}.nav-links.active{display:flex}.navbar{height:8vw}.logo{display:flex;font-size:4vw;top:.5vw}}html,body{height:100%;margin:0}#root,body{display:flex;flex-direction:column}.footer{background-color:#fff}main{flex:1}