html,body{font-family:Georgia,Times New Roman,Times,serif;margin:0;padding:0;height:100%;width:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}a{width:98%;padding:4px 0 4px 4px;cursor:pointer;text-decoration:none;color:#000}a:visited{text-decoration:none;color:#000}a:hover{transition-duration:.1s;text-decoration:none;color:#27a513}#root{height:100%;width:100%}.main{display:flex;flex-direction:column;justify-content:space-between;background-color:#fcfcfc;padding:10px 0 10px 10px;height:100%}.main-content{display:flex;flex-direction:row;justify-content:space-between}@media (max-width: 800px){.main-content{flex-direction:column}}.bio{display:flex;flex-direction:column;flex:1;min-width:240px}@media (max-width: 800px){.bio{padding-bottom:16px}}.portfolio{flex:4;display:flex;flex-wrap:wrap;gap:2px;padding-right:10px}.project-detail{display:flex;position:fixed;top:5vh;bottom:5vh;right:0;width:33%;z-index:1000;overflow-y:auto;background-color:#e1feff;border-radius:10px 0 0 10px/10px 0px 0px 10px;box-shadow:-1px 0 5px #000b;overflow-y:hidden}@media (max-width: 800px){.project-detail{width:70%}}.bio h1{font-size:2.45rem;font-weight:300;padding-bottom:10px;margin:0}.bio-subheader{color:#5a5a5a;font-style:italic;font-size:1rem;padding-bottom:10px;margin:0}.bio h3{font-size:1rem;font-weight:300;padding-bottom:10px;margin:0}.biolinks{font-size:1.25rem;display:flex;flex-direction:column}.biolinks>a{padding:2px 0;width:100px;border:1px solid transparent}@media (max-width: 800px){.bio{padding-right:20px}.bio h1{text-align:center}.bio-subheader,.bio h3{text-align:center;font-size:1.2rem}.biolinks{align-items:center}.biolinks>a{text-align:center;color:#2600ff}}.biolinks>a:hover{border:1px dotted gray}.square-wrapper{width:260px;height:260px;position:relative;overflow:hidden;padding:0;border:none;cursor:pointer;border-radius:10px}@media (max-width: 800px){.square-wrapper{width:115px;height:115px}}.square-image{width:100%;height:100%;object-fit:cover}.square-image:hover{opacity:.85}.portfolio-item-image-overlay{font-family:Georgia,Times New Roman,Times,serif;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000;color:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;transition-duration:.2s;padding:0 20px}.portfolio-item-image-overlay:hover{transition-duration:.2s;color:#fff;background-color:#0009}.portfolio-item-image-overlay h3{font-size:2rem;font-weight:300;margin:0}.portfolio-item-image-overlay p{font-size:1rem;font-weight:300}@media (max-width: 800px){.portfolio-item-image-overlay:hover{background-color:#0000}.portfolio-item-image-overlay h3{color:transparent}.portfolio-item-image-overlay p{color:transparent;font-size:0rem}}.project-detail-content{display:flex;flex-direction:column;align-items:flex-start;padding:10px 10px 0 20px;overflow-y:auto;scrollbar-color:rgba(0,0,0,.1) transparent;scrollbar-track-color:transparent}.project-detail h1{margin:20px 0 10px}.project-detail button{border:none}.project-detail img{width:90%;border-radius:10px}.project-detail a{font-size:1rem;text-decoration:underline;padding:0;word-wrap:break-word}.project-detail .close-button{color:#000;font-weight:700;padding:10px;background-color:transparent;border-top-left-radius:10px;border-bottom-left-radius:10px;transition-duration:.1s;border-right:1px solid rgba(0,0,0,.117)}.project-detail .close-button:hover{background-color:#071f24;color:#fff;cursor:pointer;transition-duration:.1s}.project-detail .description{font-size:1rem}@keyframes fadeIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.project-detail-enter{animation:fadeIn .3s ease-in-out forwards}.project-detail-exit{animation:fadeOut .3s ease-in-out forwards}.footer{display:flex;flex-direction:column;font-size:1rem;color:#424242;margin-bottom:5px}@media (max-width: 800px){.footer{padding-top:30px}}.footer>span{padding:3px 0}.footer>.links>a{color:#294add;padding:2px 0}.app-support-page{max-width:800px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.app-support-page h1{font-size:2.5rem;margin-bottom:2rem}.app-support-page h2{font-size:1.8rem;margin:2rem 0 1rem}.app-support-page p{font-size:1.2rem;line-height:1.6;margin:1rem 0}.writing{max-width:800px;padding:20px}.writing h1{margin-bottom:0}.writing-home-link{color:#294add;padding:0;border-bottom:1px dotted rgb(41,74,221)}.writing-header{display:flex;flex-direction:row;justify-content:space-between}.writing-header-date{font-style:italic;margin:0}.writing p.quotation{font-style:italic;font-size:1.2rem;line-height:1.6;margin:1rem 0}.writing p.image-title{font-style:italic;font-weight:700;margin:0}.writing p.caption{font-size:.9rem;font-style:italic}.writing img{width:100%}.writing img.three-quarters{width:75%}.writing img.half{width:50%}.writing img.third{width:33%}.writing img.fifth{width:20%}