*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0;color:#313131;font-family:Lato,Nata Sans,sans-serif;font-weight:400}html{background-color:#c7c4e6}#root{width:100%;background-color:#fff}h1>a{font-family:Corinthia,cursive,sans-serif;text-decoration:none;text-transform:lowercase;font-size:44px}h2{padding-bottom:18px;font-size:20px;text-transform:uppercase}h4{text-transform:uppercase;font-size:16px;line-height:20px}a{text-decoration:none}p{padding:0;margin:0}.footer{background-color:#c7c4e6;font-size:14px;color:#2f2f2f;height:80px;display:flex;justify-content:center;align-items:center}.header-banner{width:100%;height:120px;display:flex;flex-wrap:wrap;background-color:#fff}.flex-container{display:flex;flex-direction:row}.flex-header{flex:1 1 0px;justify-items:start;align-self:center;padding:0 0 0 50px}.flex-nav{flex:1 1 0px;justify-items:end;align-self:center;padding:0 40px 0 0}.navigation{z-index:0;font-size:16px;text-align:center}.navigation li{display:inline-block;position:relative;font-size:16px;padding-left:20px;padding-right:20px}.navigation li a{color:#000}.parallax{min-height:800px;background-attachment:fixed;background-position:right 25% top 20%;background-repeat:no-repeat;background-size:cover}.bio-img{display:none}#about{background-color:#fff;padding:60px 0 74px}#work{background-color:#fff;padding:20px 0 0}#contact{background-color:#fff;padding:10px 0 60px}#recent-projects{width:100%;background-color:#e4e3ff}.recent-projects-container{max-width:fit-content;margin:auto;overflow-x:scroll;padding:0 20px}.text-block{width:90%;max-width:800px;margin:auto;padding:0 20px}p{text-align:left}.poster-img{height:300px;padding:40px 10px}.flex-poster{align-content:center}.separator{height:12px}.social-icon{opacity:.4;margin:0 6px}.social-icon:hover{opacity:.5}.navigation>li:hover{opacity:.5}label{padding-bottom:16px}.hamburger{display:none;background:none;border:none;cursor:pointer}.grid{display:flex;flex-wrap:wrap;gap:1rem;padding:30px;justify-content:center;max-width:1200px;margin:auto}.thumbnail{flex:1 1 calc(33.333% - 1rem);max-width:calc(33.333% - 1rem);overflow:hidden;transition:transform .2s;cursor:pointer}.thumbnail img{width:100%;height:auto;display:block}.caption{padding:.5rem 1rem;font-size:16px;text-align:center}.project-modal{background-color:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:800px;max-height:80%;overflow-y:scroll;padding:40px;box-shadow:0 4px 8px #0003;z-index:1000;display:flex;flex-direction:row;gap:20px}.project-modal-poster{flex:1 1 30%;z-index:1002}.project-modal-content{flex:1 1 70%;z-index:1002}.poster-img-2{width:100%;padding:0 30px 0 0}.modal-x{font-size:30px;margin-top:-20px;cursor:pointer;top:30px;right:30px;position:absolute}.watch-button{display:inline-block;background-color:#000c;color:#fff;padding:10px 20px;margin-top:20px;font-size:16px;font-weight:500;cursor:pointer}.watch-button:hover{background-color:#000000e6}input{border:1px solid #808080;padding:2px;margin:4px 0 0;font-size:16px}textarea{padding:2px;border:1px solid #808080;margin:4px 0 0;font-size:16px}@media (max-width: 2000px){.thumbnail{flex:1 1 calc(50% - 1rem);max-width:calc(50% - 1rem)}}@media (max-width: 768px){.thumbnail{flex:1 1 100%;max-width:100%}.project-modal{width:90%;flex-direction:column}.bio-img{display:block;height:400px;margin:auto}.parallax{background-image:none!important;background-color:#fff}.poster-img-2{padding:0;width:60%}.flex-header{flex:1 1 100%;padding:40px;justify-items:center}.flex-nav{flex:1 1 100%;padding:20px;text-align:right}.hamburger{display:block;position:absolute;top:60px;right:40px}h1>a{font-size:48px}.navigation{display:none;background-color:#e4e3ff;width:220px;position:absolute;right:0;top:100px}.navigation ul{display:none}.navigation.open{display:block}.navigation.open ul{display:flex;flex-direction:column}.navigation.open li{padding:10px 20px}.navigation.open li a:hover{color:gray}#recent-projects{overflow-x:scroll}.input-hw,.input-fw{flex:1 1 90%;margin:0;padding:16px 10px 0}}@media screen and (max-width: 400px){.flex-header{padding-left:0}.hamburger{right:20px}}.image-carousel{width:100%;background-color:#e4e3ff;overflow:hidden;padding:40px 0;display:flex;flex-wrap:nowrap}.carousel-image{height:200px}.carousel-track{display:flex;gap:20px;flex-wrap:nowrap;animation:scroll 70s linear infinite}.carousel-image{height:200px;flex-shrink:0}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.input-hw{flex:1 1 300px;margin:16px 3px 0}.input-fw{flex:1 1 600px;margin:16px 3px 0}.contact-container{width:100%;max-width:650px;margin:auto}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:500}#root{margin:0 auto;padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}