@import url(https://fonts.googleapis.com/css2?family=Arimo&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lora:ital@0;1&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lora:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Radley:ital@0;1&display=swap);.App{min-height:100vh}.App,.navbar{display:flex;flex-direction:column;justify-content:space-between}.navbar{align-items:center;padding:1.2em}.navbar .logo{height:22px;margin:0 0 12px;padding:0}.contact-links,.links{font-family:Arimo;font-size:13px;letter-spacing:.2px;text-transform:uppercase}.links a{color:var(--dark);font-weight:700;margin:0 12px;padding:0 0 2px}.links .active{color:#000}.links a:hover{border-bottom:3px solid var(--yellBright);color:#000}.container{display:flex;flex-direction:column;flex-grow:1;font-family:Lora;margin:0}.home{margin:10vw 8vw 6vw;max-width:1800px}.home-block{align-items:flex-start;background-color:var(--dark);color:var(--yell);display:flex;flex-direction:row;font-family:Arimo,sans-serif;font-size:14px;justify-content:space-between;letter-spacing:.2px;padding:9.6px 19.2px}.page-title{font-weight:700}.contact-bar{-webkit-column-gap:24px;column-gap:24px;display:flex}.contact-bar-email,.contact-bar-number{display:none}.statement-container{background-color:var(--yellBright);display:flex;justify-content:center;width:100%}.statement-container a{color:var(--dark);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.statement-container a:hover{color:#000;text-decoration:none}.page-statement{-webkit-column-gap:8px;column-gap:8px;display:flex;justify-content:center;padding:32px 8vw;width:100%}.statement-home{margin:0 32px 0 0}.statement-block img{height:22px}#block1{font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.35em;margin:0 0 8px}#block1,#block2{font-family:Radley,serif}#block2{font-size:16px;font-weight:400;letter-spacing:-.04em}#block2 p{margin:0 0 4px}.page-statement .avatar img{border-radius:360px;max-width:80px}.home-block h2{color:var(--yell);font-family:Arimo;font-size:24px;margin:16px 32px 32px}.home h1{background-color:var(--yell);font-family:Radley,serif;font-size:18vw;font-weight:400;letter-spacing:-.06em;line-height:.8;margin:0 0 64px}.home .copy-para p{font-family:Lora,serif;font-size:18px;font-weight:400;letter-spacing:-.02em;line-height:160%;margin:0 0 1.2rem}.home .col-icon{margin:0 0 12px}.home .content{display:flex;flex-direction:column}.footer{border-top:1px solid rgba(0,0,0,.2);font-size:14px;padding:40px 32px 16px;text-align:right;text-transform:uppercase}.contact-links a{color:var(--dark);font-weight:700;margin:0 12px;padding:0 0 2px}.contact-links a:hover{border-bottom:3px solid var(--yellBright);color:#000}.copyright{margin:12px}@media (min-width:768px){.navbar{flex-direction:row}.navbar .logo{margin:0 12px}.home-block{padding:9.6px 32px}.contact-bar-email,.contact-bar-number{display:block}.home{margin:10vw auto 6vw;max-width:1024px;padding:0 64px}.home .col-icon{margin:4px 24px 0 0}.home .content{flex-direction:row}.home .copy-para p{font-size:22px}.page-statement{align-items:center;justify-content:space-between;width:1024px}.page-statement .avatar img{border-radius:360px;max-width:180px}#block1{font-size:32px;letter-spacing:-.04em}#block2{font-size:24px}#block2 p{margin:0 0 8px}.statement-block img{height:40px}}@media (min-width:1200px){.home h1{font-size:160px}}@media (min-width:1400px){.home{margin:6vw auto;max-width:1024px}.home h1{font-size:176px}}:root{--black:#2e2909;--dark:#544a08;--text:#342d00;--yell:#fedd00;--yellBright:#ffff01}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fedd00;background-color:var(--yell);color:#544a08;color:var(--dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{cursor:pointer;text-decoration:none;transition-duration:.2s;transition-property:color,background,text-shadow;transition-timing-function:ease-in-out}#block2 h2{font-weight:400;line-height:100%}.project-list{color:var(--black);display:flex;flex-direction:column;padding:38.4px 19.2px;row-gap:16px}img.project-screenshot{border-radius:10px;max-width:616px;width:100%}.project-card{font-family:Arimo,sans-serif;line-height:100%;margin:0 0 38.4px;text-align:center}.project-title{font-size:15px;font-weight:700;letter-spacing:.6px;margin:24px 0 12px 24px;text-align:left}.project-urls{border-radius:3px;border-top:1px solid rgba(0,0,0,.2);-webkit-column-gap:16px;column-gap:16px;display:flex;flex-direction:row;justify-content:space-evenly;margin:0 24px;padding:16px 0 0}.project-github,.project-url{align-items:center;display:flex}.project-url .icon{height:14px;margin:0 4px 0 0}.space{border-left:1px solid rgba(0,0,0,.1)}.project-github .icon{height:16px;margin:0 4px 0 0}.project-card a{color:var(--dark);font-size:14px;text-decoration:none}.project-card a:hover{color:var(--black);text-decoration:underline;text-decoration-style:solid;text-underline-offset:2px}.description{color:var(--black);display:flex;font-family:Lora,serif;font-size:13px;justify-content:flex-start;line-height:140%;margin:0 auto 28px;max-width:616px;padding:0;text-align:left}.description p{margin:0 24px}@media (min-width:768px){.project-list{flex-direction:row;flex-wrap:wrap;justify-content:space-between;max-width:1024px;padding:96px 32px 32px}.project-card{-webkit-column-gap:32px;column-gap:32px;display:flex;flex-direction:column;height:auto;text-align:left;width:calc(50% - 16px)}.project-title{font-size:16px;margin:24px 0 14px 9px;text-align:left}.project-urls{justify-content:flex-end;margin:0 9px;padding-right:9px}.project-card a{font-size:14px}.description{font-size:15px;justify-content:flex-start;width:100%}.description p{margin:0 9px}.projects .page-statement{justify-content:center;padding:57.6px 32px 32px}#block2 h2{font-family:Radley,serif;font-size:32px;font-weight:400;letter-spacing:-.04em}}@media (min-width:1200px){.project-list{margin:0 auto;max-width:1948px}.project-card{-webkit-column-gap:50px;column-gap:50px;width:calc(33.33% - 25px)}}.contact-block{color:var(--black);display:flex;flex-direction:column;margin:10vw 8vw 6vw;row-gap:16px}.about{color:var(--black);font-family:Lora,serif;font-size:15px;justify-content:center;line-height:140%;margin:0 auto;padding:0;text-align:left}h4.contact{font-size:15px;letter-spacing:.6px;margin:38.4px 0 16px;text-align:center}h4.contact,input,textarea{font-family:Arimo,sans-serif;font-weight:700}input,textarea{border:1px solid rgba(0,0,0,.1);border-radius:10px;box-shadow:4px 4px var(--yellBright);color:var(--dark);display:block;font-size:14px;margin:0 0 16px;outline:none;padding:12px 24px;width:calc(100% - 48px)}input:hover,textarea:hover{border:1px solid #fff;box-shadow:1px 1px var(--yellBright)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:var(--dark);-webkit-box-shadow:inset 0 0 0 1000px #fff;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-weight:400}input::placeholder,textarea::placeholder{font-weight:400}textarea{border-radius:10px 10px 0 10px;height:128px}button{background-color:var(--yellBright);border:1px solid rgba(0,0,0,.1);border-radius:9px;box-shadow:4px 4px var(--dark);font-family:Arimo,sans-serif;font-size:12px;font-weight:700;letter-spacing:.6px;outline:none;padding:16px 48px;text-transform:uppercase;transition:all .2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}button:hover{background-color:#fff;box-shadow:1px 1px var(--text);cursor:pointer}form{align-items:flex-end;display:flex;flex-direction:column}.contact-message{display:block;font-family:Arimo,serif;font-weight:700;padding:32px 0 0;text-align:center}@media (min-width:768px){.contact-block{margin:96px auto 6vw;max-width:1024px;padding:0 64px;width:calc(100% - 128px)}.contact .page-statement{justify-content:center;padding:57.6px 32px 32px}h4.contact{margin:96px 0 32px}input,textarea{margin:0 0 32px}form{align-items:center}}@media (min-width:1400px){.contact-block{margin:96px auto;max-width:1024px;padding:0 64px;width:calc(100% - 128px)}}
/*# sourceMappingURL=main.a0803435.css.map*/