html{scroll-behavior:smooth}body{background-color:#000000b8;font-family:Tahoma,sans-serif;letter-spacing:.2px;margin:0;position:relative}button{background-color:initial;border:1px solid transparent;cursor:pointer}a:-webkit-any-link{text-decoration:none}.section{margin-top:64px;padding:32px}.spinner{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:4px solid #708090;border-radius:50%;border-top-color:#f8f8ff;height:40px;margin:20px auto;width:40px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#header{background:#f8f8ff;border-bottom:1px solid #888;display:flex;height:16px;left:0;margin:0;padding:24px;position:fixed;right:0;top:0;z-index:1}#title,#title-initial{font-size:16px;letter-spacing:2px;line-height:16px;text-transform:uppercase}#title{flex:1 1}#title-initial{display:none;padding:0 8px 0 0}.section-links{border-right:1px solid #000;flex:1 1;font-size:14px;text-align:right}.section-link{letter-spacing:2px;line-height:14px;padding:0 16px;text-transform:uppercase}.section-link-selected{color:navy}.personal-links{height:100%;padding:0 0 0 10px;text-align:right}.personal-links img{height:100%;padding:0 10px}#home{background-image:linear-gradient(#000,rgba(0,0,0,.4),rgba(0,0,0,.4)),url(/static/media/hero.f2cb9f6f928b3c921646.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:calc(100vh - 64px);padding:0;text-align:center}#code{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fill,300px);place-content:center}.project{background-color:#f8f8ff;border-radius:8px;width:300px}.project-image{text-align:center}.project-image img{border-top-left-radius:8px;border-top-right-radius:8px;display:block;height:400px;width:300px}.project-title{font-size:14px;letter-spacing:2px;padding:16px 0 0 16px}.project-title a{color:#000}.project-title a:hover{color:navy}.project-description{color:#789;font-size:12px;height:112px;letter-spacing:.4px;line-height:24px;padding:16px}.project-links{padding-bottom:8px;text-align:center}.project-links img{height:16px;padding:6px 12px}.project-link{text-decoration:none}#photo-grid{display:grid;grid-template-columns:auto auto auto;opacity:0;transition:opacity .4s ease-in-out}#photo-grid.show{opacity:1}.photo{padding:8px;position:relative}.photo img{height:100%;pointer-events:none;width:100%}.photo-overlay{background-color:#000000b8;bottom:8px;left:8px;opacity:0;position:absolute;right:8px;top:8px;transition:.2s ease}.photo:hover .photo-overlay{opacity:.75}.overlay-text{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#about,.overlay-text{color:#f8f8ff;font-size:14px;text-align:center}#about{display:flex;flex-direction:column;font-style:italic;gap:16px;padding:48px 24px}@media only screen and (max-width:960px){#header{flex-direction:column;height:48px;padding:16px 8px}#home{height:calc(100vh - 80px);padding:0}#travel{padding:8px}#code{grid-gap:30px;display:grid;gap:30px;grid-template-columns:auto;padding:30px}.section{margin-top:80px}#title{display:none}#title-initial{display:inline;display:initial;flex:1 1}.section-links{border:none;padding:0 0 16px 8px;text-align:left}.personal-links{height:16px;padding:0;text-align:left}.project,.project-description{height:auto}.overlay-text{font-size:10px}#photo-grid{grid-template-columns:auto auto}}
/*# sourceMappingURL=main.c0847811.css.map*/