.footer{display:flex;flex-direction:column;flex:1 0 24px;align-items:center;padding:12px 0;margin-bottom:20px;font-size:12px}.footer a{color:inherit;text-decoration:none}.footer-navigation{display:flex;justify-content:center;padding:12px 0;margin-bottom:4px;font-size:12px}.footer a{text-decoration:none}.footer-navigation__item{padding:0 4px}.footer-copyright{padding:4px 0;font-size:10px;color:#2f353a}.page-container{top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.page-content{display:flex;flex-direction:column;align-items:center;padding:0 20px;height:100%;max-width:500px}.home-page-content{top:0;left:0;position:fixed;display:flex;flex-direction:column;align-items:center;padding:0 20px;width:100%;max-width:100%}.about-page-container{min-height:100vh;height:auto;align-items:flex-start;justify-content:center}.about-page.page-content{max-width:1200px;width:100%;align-items:stretch;padding:40px 20px}.about-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:60px;width:100%}.about-sidebar{display:flex;flex-direction:column;gap:24px}.about-intro p,.about-outro p{line-height:1.8em;color:var(--color_paragraph_text);margin:0 0 1em}.about-intro a,.about-outro a{color:inherit;text-decoration:none;border-bottom:1px solid var(--color_paragraph_text)}.about-title{margin:0 0 24px;font-size:20px;font-weight:500}.about-section-title{margin:0 0 10px;font-size:16px;font-weight:600}.project-list{display:flex;flex-direction:column;gap:10px}.project-row{padding:4px 0;cursor:pointer;color:inherit;background:none;border:none;font:inherit;text-align:left}.project-row:hover .project-name,.project-row--selected .project-name{text-decoration:underline}.project-name{font-weight:600}.about-detail{display:flex;flex-direction:column;gap:20px}.about-detail__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px}.about-detail__title{margin:0;font-size:20px;font-weight:500}.about-detail__link{font-size:13px;color:inherit;text-decoration:none;border-bottom:1px solid var(--color_paragraph_text)}.about-detail__description{margin:0;line-height:1.8em;color:var(--color_paragraph_text)}@media(max-width:800px){.about-layout{grid-template-columns:1fr;gap:40px}.about-detail{order:-1}}.header{padding:24px 0;font-size:20px;font-weight:500}.page-body{display:flex;flex-direction:column;height:100%;width:100%;font-size:14px;font-family:Karla,sans-serif}.page-body a{color:inherit;text-decoration:none;border-bottom:1px solid var(--color_paragraph_text)}.page-body p{line-height:1.8em;color:var(--color_paragraph_text)}.page-body h2{margin:24px 0 16px;font-size:16px;font-weight:600}.page-body h3{margin:16px 0 8px;font-size:14px;font-weight:600}.page-body img{max-width:100%}.page-body code{color:#f14e32;background:#eee;padding:2px 4px;font-size:13px;font-family:Consolas,monospace,x}.page-body pre{display:block;margin-top:0;margin-bottom:1rem;font-size:.8rem;line-height:1.4;white-space:pre;overflow-x:auto;background-color:#f9f9f9;border:1px solid #ddd;padding:1rem}.contact-form{display:flex;flex-direction:column;justify-content:space-between;padding:16px 0;height:320px}.contact-form__status{margin:0;text-align:center}.contact-form__status--error{color:#780000d9}input,textarea{border:none;outline:none;border-radius:0;text-align:center;background:none;color:#000;padding:1rem;border:2px dashed rgba(255,255,255,0);box-sizing:border-box;cursor:text}input:required,textarea:required{border-bottom:2px dashed rgba(0,0,0,.5)}.contact-form__submit-button{border:none}textarea{text-align:left;resize:none;border-color:#fff0}textarea:focus{background-color:#fff3;border:2px dashed rgba(0,0,0,1)}textarea:focus:required:valid{border:2px solid rgba(255,255,255,0);border-bottom:2px solid rgba(0,0,0,.2)}textarea:required:valid{border-bottom:2px solid rgba(0,0,0,.2)}input{border-bottom:2px dashed rgba(0,0,0,.5)}input:focus{border-bottom:2px dashed rgba(0,0,0,1);background-color:#fff3}input:required:valid{border-bottom:2px solid rgba(255,255,255,.2)}input:required:invalid{color:#0006}::-webkit-input-placeholder{text-align:center;color:#0006;font-style:italic}:-moz-placeholder{text-align:center;color:#0006;font-style:italic}::-moz-placeholder{text-align:center;color:#fff6;font-style:italic}:-ms-input-placeholder{text-align:center;color:#fff6;font-style:italic}.expanding{vertical-align:top}.send-icn{fill:#000}.send-icn:hover{fill:#000;cursor:pointer}button{background:none;border:none;outline:none;margin:2vmax}button:hover small{opacity:1}small{display:block;opacity:0}.background{top:0;right:0;bottom:0;left:0;position:fixed;height:100vh;width:100vw;overflow:hidden;z-index:-100}.background>img{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;object-fit:cover;pointer-events:none}.background-fade-in-exit{opacity:1}.background-fade-in-exit-done{opacity:0;transition:opacity .3s ease-in}.background-fade-in-exit-done{opacity:0}.background-cross-fade-exit{opacity:1}.background-cross-fade-exit-done{opacity:0;transition:opacity .5s ease-in}.background-cross-fade-exit-done{opacity:0}:root{--flatiron_orange: #bc703e;--color_paragraph_text: var(--color-text-primary, #281e3c);--color_date_gray: var(--color-text-secondary, rgb(85, 85, 85))}.home-page{position:fixed;left:0;top:0;display:flex;flex-direction:column;align-items:flex-end}.home-page__body{position:relative;margin:8vh 8vw 0 auto}.home-page__title{font-size:52px;font-weight:220;color:var(--flatiron_orange)}.home-page__footer{color:#9132c8}body{margin:0;padding:0;font-family:var(--font-sans, -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;background:var(--color-background-primary, #ffffff);color:var(--color-text-primary, #281e3c)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}