@font-face{font-family:OpenSans;src:url(/assets/OpenSans-Regular-C58Z07Fu.ttf)}*{font-family:OpenSans,Helvetica,Arial,sans-serif}body{background-color:#43493a;color:#76b900;margin:0;padding:20px 60px}a,a:visited{color:#76b900}@media screen and (max-width:475px){body{padding-left:30px;padding-right:30px}}.header-container{width:100%;margin-bottom:20px}.header-content{display:flex;justify-content:space-between}.logo{height:125px;width:125px;box-shadow:0 0 8px 2px #0003;border-radius:20px}.navigation{display:flex;align-items:center;list-style:none;margin:0}li{padding:10px}a{text-decoration:none}@media screen and (max-width:475px){.logo{height:65px;width:65px}}.glyph{fill:#76b900;height:25px;width:25px}.glyph path{fill:#76b900}@media screen and (max-width:475px){.glyph{height:20px;width:20px}}.footer-container{margin-top:20px;width:100%}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap}.footer-item-container{display:flex;flex-direction:row;justify-content:space-between;width:200px}.footer-copyright span{vertical-align:middle}@media screen and (max-width:475px){.footer-item-container{width:150px}}.page-layout{min-height:100vh}.homepage-container{display:flex;flex-direction:column;align-items:center}.homepage-container p{width:75%}.profile-image{border-radius:50%;max-width:200px}@media screen and (max-width:475px){.homepage-container p{width:unset}}.project-card{box-shadow:0 0 8px 2px #0003;border-radius:20px;padding:20px;background-color:#a7ae9c;color:#43493a}.project-title{text-align:center;margin:10px 0}.project-date{text-align:center;margin:0;font-style:italic}.project-website,.project-website:visited{display:block;text-align:center;margin:5px 0;color:#008fbd}.project-description{width:95%;margin:0 auto;font-size:14px}.projects-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-template-rows:1fr;grid-gap:20px}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}