body{margin:0;padding:0;font-family:sans-serif}.header{align-items:center;background-color:#333;color:#ccc;display:flex;height:20%;justify-content:center;position:fixed;top:0;transition-duration:1s;transition-property:all;transition-timing-function:ease-out;width:100%}.header:hover{letter-spacing:.33rem}.header #name{font-size:2.88rem;text-align:center}.bio{background-color:#444;color:#aaa;font-size:1rem;text-align:center;top:20%}.bio,.blog-link{align-items:center;display:flex;height:20%;justify-content:center;position:fixed;width:100%}.blog-link{background-color:#aaa;color:#444;font-size:2.25rem;top:60%;transition-property:all;transition-duration:1s}.blog-link:hover{letter-spacing:.33rem}.blog-link #blog-head-text{font-size:2.25rem}.blog .blog-index{align-items:center;background-color:#aaa;color:#444;display:flex;flex-direction:column;font-size:1rem;height:80%;justify-content:flex-start;position:fixed;top:20%;width:100%}.blog .blog-index #blog-head-index{font-size:1.5rem}.blog .blog-index .blog-list-block{align-items:center;display:flex;justify-content:center;width:80%}.blog .blog-index .blog-list-block .blog-list{list-style-type:none;-webkit-margin-before:unset;margin-block-start:unset;-webkit-padding-start:unset;padding-inline-start:unset;text-align:left}.blog .blog-index .blog-list-block .blog-list .blog-list-link a{color:#333;text-decoration:none}.blog-display{align-items:flex-start;justify-content:flex-start;top:20%}.blog-display,.blog-display .blog-entry{background-color:#aaa;color:#444;display:flex;font-size:1rem;height:80%;position:fixed;width:100%}.blog-display .blog-entry{flex-direction:column;overflow:auto}.blog-display .blog-entry .blog-title{font-size:1rem;text-align:center}.blog-display .blog-entry .blog-body{margin:0 auto auto;text-align:left;width:80%}.blog-display .blog-entry .blog-body .blog-section-heading{text-align:center}.blog-display .blog-entry .blog-body .blog-body-link{color:#333}@media (min-width:320px) and (max-width:732px) and (orientation:landscape){.blog .blog-index{display:flex;font-size:.75rem}.blog .blog-index #blog-head-index{font-size:1.25rem;margin-bottom:0}.blog .blog-index .blog-list-block .blog-list{align-items:flex-start;display:flex;flex-direction:column;font-size:.75rem;justify-content:center;margin-top:1rem;width:auto}.blog .blog-index .blog-list-block .blog-list .blog-list-link{margin:.1rem 0}}@media (min-width:733px) and (max-width:832px){.blog .blog-index #blog-head-index{font-size:1.5rem;margin-top:2%;margin-bottom:1%}}@media (orientation:portrait){.blog-display .blog-entry .blog-body,.blog .blog-index .blog-list-block .blog-list{font-size:.88rem}}@media (min-width:768px) and (orientation:portrait){.blog .blog-index #blog-head-index{font-size:2.5rem;margin-bottom:2%}.blog .blog-index .blog-list-block .blog-list{font-size:1.5rem}.blog-display .blog-entry .blog-title{font-size:2rem}.blog-display .blog-entry .blog-body{font-size:1.2rem}}@media (min-width:1024px) and (orientation:portrait){.blog .blog-index #blog-head-index{font-size:2.75rem;margin-bottom:5%}.blog-display .blog-entry .blog-body{font-size:1.5rem}}.work-link{align-items:center;background-color:#777;color:#555;display:flex;font-size:2.25rem;height:20%;justify-content:center;position:fixed;top:40%;transition-property:all;transition-duration:1s;width:100%}.work-link:hover{letter-spacing:.33rem}.work-view{align-items:center;background-color:#777;color:#555;display:flex;flex-direction:column;font-size:2.25rem;height:80%;justify-content:flex-start;position:fixed;top:20%;width:100%}.work-view #work-view-text{font-size:1.5rem}.work-display{align-items:center;background-color:#777;color:#555;display:flex;flex-direction:column;font-size:2.25rem;height:75%;justify-content:flex-start;top:33%;width:75%}.work-display .proj-desc{color:#333;font-size:.88rem;width:100%}.work-display .thumbnail-box{display:flex;flex-wrap:wrap;margin:auto}.work-display .thumbnail-box .row{display:flex;flex-direction:row;height:33%;margin:auto;width:100%}.work-display .thumbnail-box .row .row-item{background-color:#777;width:33%}.work-display .thumbnail-box .row .row-item .thumbnail{display:flex;-webkit-filter:grayscale(100%) opacity(75%);filter:grayscale(100%) opacity(75%);height:auto;max-width:100%;transition-property:all;transition-duration:.4s}.work-display .thumbnail-box .row .row-item .thumbnail:hover{box-shadow:0 0 30px #ccc;-webkit-filter:grayscale(100%) opacity(100%);filter:grayscale(100%) opacity(100%)}@media (min-width:320px) and (max-width:568px) and (orientation:landscape){.work-view #work-view-text{font-size:1.25rem;margin-top:2%}.work-display{top:27%}.work-display .proj-desc{font-size:.75rem}}@media (min-width:375px) and (max-width:667px) and (orientation:landscape){.work-view #work-view-text{font-size:1.25rem}.work-display .proj-desc{font-size:.75rem}}@media (min-width:414px) and (max-width:736px) and (orientation:landscape){.work-view #work-view-text{font-size:1.5rem;margin-bottom:0}.work-display{top:33%}}@media (min-width:737px) and (max-width:825px) and (orientation:landscape){.work-view #work-view-text{font-size:1.33rem;margin-bottom:0;margin-top:1%}.work-display .proj-desc{font-size:.9}.work-display .thumbnail-box .row{margin:0 auto}}@media (orientation:portrait){.work-display{margin-right:24%;top:15%}.work-display .proj-desc{font-size:.6rem;margin:2% auto auto 16.25%}.work-display .thumbnail-box{flex-flow:row;margin-top:-20%}.work-display .thumbnail-box .row{align-items:center;flex-direction:column;height:46%;justify-content:center;margin:auto}.work-display .thumbnail-box .row .row-item{padding:2%}.work-display .thumbnail-box .row .row-item .thumbnail{margin:auto;max-height:auto;max-width:300%}}@media (min-width:768px) and (orientation:portrait){.work-view #work-view-text{font-size:2.5rem}.work-display{font-size:2.25rem;height:75%;top:23%}.work-display .proj-desc{font-size:1.11rem;margin-bottom:5%}.work-display .thumbnail-box{margin-top:-2%}.work-display .thumbnail-box .row{flex-direction:column}.work-display .thumbnail-box .row .thumbnail{max-width:275%}}@media (min-width:1023px) and (orientation:portrait){.work-view #work-view-text{font-size:2.75rem;margin-bottom:8%}.work-display{font-size:2.25rem;height:75%;top:33%}.work-display .proj-desc{font-size:1.33rem;margin-top:-5%}.work-display .thumbnail-box{margin-top:1%}.work-display .thumbnail-box .row{flex-direction:column}}@media (min-width:1080px) and (orientation:portrait){.work-view #work-view-text{font-size:2.75rem}.work-display{top:35%}.work-display .proj-desc{font-size:1.5rem;margin-top:-3%}.work-display .thumbnail-box{margin-top:3%}}.contact-link{align-items:center;background-color:#ccc;color:#333;display:flex;font-size:2.25rem;height:20%;justify-content:center;position:fixed;top:80%;transition-property:all;transition-duration:1s;width:100%}.contact-link:hover{letter-spacing:.33rem}.contact{align-items:center;background-color:#ccc;color:#333;display:flex;font-size:2.25rem;height:20%;justify-content:center;position:fixed;top:80%;width:100%}.contact .contact-items{display:flex;flex-direction:column}.contact .contact-items #contact-mail{color:#555;font-size:1.25rem;margin-top:2%}.contact .contact-items .logos{display:flex;flex-direction:row;justify-content:space-around}.contact .contact-items .logos .icon{height:20px}@media (min-width:320px) and (max-width:732px) and (orientation:landscape){.contact .contact-items #contact-mail{font-size:.85rem;padding-top:20%}.contact .contact-items .logos .icon{bottom:10px;height:15px;position:-webkit-sticky;position:sticky}}@media (min-width:732px) and (max-width:832px) and (orientation:landscape){.contact .contact-items #contact-mail{font-size:1rem;padding-top:10%}.contact .contact-items .logos .icon{bottom:10px;height:20px;position:-webkit-sticky;position:sticky}}html,html body{height:100%}html body{display:flex;flex-direction:column;font-family:"Share Tech Mono",monospace}html #root #layout .App{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html #root #layout .App li:hover{cursor:pointer}
/*# sourceMappingURL=main.f9cf4f77.chunk.css.map */