.aboutme{max-width:60%;margin:0 auto;padding:20px 0}.aboutme h2{font-size:48px;color:#e26200}.aboutme p{font-size:20px}body{background-color:#f0f8ff}.projects{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.projects h2{font-size:48px;color:#e26200}.bookmarks,.quiz{text-align:center;margin:0 20px;max-width:400px}.project-links a{margin:0 20px;font-size:24px;font-weight:bolder}.tech{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.tech-item{margin:5px 20px;color:#e26200;font-size:20px;font-weight:bolder}img{margin:20px 0;max-width:400px}.project-description{text-align:left;margin:40px 0;font-size:20px}.contact-me{text-align:center;max-width:50%;margin:0 auto;padding:20px 0 300px}.contact-me h2{font-size:48px;color:#e26200;margin:0 0 30px}.contact{text-align:left;margin:0 0 10px 30px}.contact a{margin:0 0 0 10px}.fa-bars,.fab,.far{color:#e26200}.header{position:fixed;top:0;left:0;width:100%;background:#f0f8ff;height:88px;z-index:50}.navigation{display:flex;flex-direction:row;align-items:center;height:100%;padding:0 0 0 20px}.logo{margin:3rem}.logo a{color:#e26200;text-decoration:none;font-size:48px}.spacer{flex:1 1}.navigation-items ul{list-style:none;margin:0;padding:0;display:flex}.navigation-items li{padding:0 .5rem;font-size:24px;font-weight:bolder}.navigation-items a{color:#e26200;text-decoration:none}@media (max-width:775px){.navigation-items{display:none}.logo{margin:0 24px}.logo a{font-size:32px}}@media (min-width:776px){.toggle-button{display:none}.logo{margin-left:0}.logo a{font-size:48px}}.side-drawer{height:100%;background:#373a47;box-shadow:2px 0 5px rgba(0,0,0,.5);position:fixed;top:0;left:0;width:70%;max-width:400px;z-index:200;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .6s ease-out;transition:-webkit-transform .6s ease-out;transition:transform .6s ease-out;transition:transform .6s ease-out,-webkit-transform .6s ease-out}.side-drawer.is-open{-webkit-transform:translateX(0);transform:translateX(0)}.side-drawer ul{height:100%;list-style:none;display:flex;flex-direction:column;justify-content:center;margin:2rem 0 0}.side-drawer li{margin:.7rem 0 .7rem 2rem}.side-drawer a{color:#fff;text-decoration:none;font-size:1.4rem}.side-drawer a:active,.side-drawer a:hover{color:red}@mdedia (min-width: 700px){.side-drawer{display:none}}.backdrop{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.6);z-index:100;margin:0}
/*# sourceMappingURL=main.d6eb8a95.chunk.css.map */