body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{margin:0;padding:0;width:200px;background-color:#0d1321;position:fixed;height:100%;overflow:auto}.sidebar a{display:block;color:#fff;padding:18px;text-decoration:none;text-shadow:2px 2px 3px #93a3b1;font-family:Quicksand,sans-serif}.sidebar a.active{background-color:#93a3b1;color:#fff;width:200px}.sidebar a:hover:not(.active){background-color:#93a3b1;color:#fff;border-radius:5px}div.content{margin-left:200px;padding:1px 16px;height:1000px}.main-image{margin-top:5px;width:50%;border:3px solid #a57982;border-radius:100px}.contact-links{padding-left:0;font-size:20px;display:flex;list-style-type:none;justify-content:center}.contact-links a{color:#fff}@media screen and (max-width:700px){.sidebar{height:auto;position:relative}.sidebar a{float:left}div.content{margin-left:0}}@media screen and (max-width:400px){.sidebar{margin-top:0}.sidebar a{text-align:center;float:none}}@media screen and (min-width:320px){.main-image,.sidebar{display:none}.contact-links{display:flex}}@media screen and (min-width:700px){.main-image,.sidebar{display:block}.main-image{margin:5px auto auto}.contact-links{display:flex}.hidden{display:none}}.sidebar-mobile{margin:0;padding:0;width:200px;background-color:#0d1321;position:fixed;overflow:auto}.sidebar-mobile a{display:block;color:#fff;padding:18px;text-decoration:none;text-shadow:2px 2px 3px #93a3b1;font-family:Quicksand,sans-serif}.sidebar-mobile a.active{background-color:#93a3b1;color:#fff}.sidebar-mobile a:hover:not(.active){background-color:#93a3b1;color:#fff;border-radius:5px}@media screen and (min-width:320px){.fa-bars{font-size:35px}}@media screen and (min-width:700px){.bm-burger-button{display:none}}@media screen and (min-width:1000px){.contact-links{font-size:30px}}.bm-burger-button{position:absolute;width:36px;height:30px;left:36px;top:36px}.bm-burger-bars{background:#373a47}.bm-cross-button{height:24px;width:24px;margin-right:105px}.bm-cross{background:#bdc3c7}.bm-menu-wrap{position:fixed;height:100%}.bm-menu{margin:0;padding:0;width:200px;background-color:#0d1321;position:fixed}*{box-sizing:border-box}body{font-family:Raleway,sans-serif;text-align:center;color:#000;background-color:#fff}h3{text-decoration:underline;-webkit-text-decoration-color:#a57982;text-decoration-color:#a57982}.headline{display:flex;flex-direction:column;margin-left:auto;width:75%;padding:20px;background-color:#fff;box-shadow:8px 8px 5px #0d1321}.main-page{font-family:Quicksand,sans-serif;background-color:#0d1321;color:#fff;border-radius:4px}.main-image-2{margin:auto;width:50%;border-radius:100px;border:3px solid #0d1321}@media screen and (min-width:320px){h1{font-size:20px}.headline{font-size:18px;width:75%;margin:auto auto 15px}.main-page{margin-left:10px;margin-right:10px}.main-image-2{display:block;width:45%;padding:5px}.main-image-comp{display:none}.fa-css3-alt,.fa-html5,.fa-js,.fa-node-js,.fa-react{font-size:30px;margin:5px}.add-list-text{font-size:24px}}@media screen and (min-width:700px){h1{font-size:35px}.headline{font-size:20px;width:65%;margin-right:15px}.main-page{margin-left:100px;margin-right:100px}.main-image-2{display:none}.main-image-comp{display:block;margin:auto;width:55%;border-radius:10px}.fa-css3-alt,.fa-html5,.fa-js,.fa-node-js,.fa-react{font-size:40px;margin:5px}}@media screen and (min-width:1000px){.headline{font-size:20px;width:65%;margin:auto}.main-image-comp{margin:auto;width:45%}.main-page{margin-left:150px;margin-right:150px}}.projects{display:flex;flex-direction:column;margin-left:auto;padding-top:20px;padding-bottom:20px;background-color:#fff;color:#1d1e18;box-shadow:8px 8px 5px #0d1321}.projects h2{font-family:Quicksand,sans-serif;color:#fff;background-color:#0d1321;border-radius:5px}.projects h3{color:#1d1e18;-webkit-text-decoration:underline #a57982;text-decoration:underline #a57982}.project-photo{width:95%;padding:30px;-webkit-filter:grayscale(100%);filter:grayscale(100%);border-radius:4px}.project-photo:hover{-webkit-transition:-webkit-filter .5s ease-in-out;transition:-webkit-filter .5s ease-in-out;transition:filter .5s ease-in-out;transition:filter .5s ease-in-out,-webkit-filter .5s ease-in-out;-webkit-filter:grayscale(0);filter:grayscale(0)}.project-links{color:#fff;list-style-type:none;display:flex;justify-content:space-evenly;margin-right:40px}.project-links a:link,.project-links a:visited,button{color:#fff}button{background-color:#0d1321;font-family:Raleway,sans-serif;border-radius:4px;padding:20px;font-size:20px}button:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1);background-color:#a57982}@media screen and (min-width:320px){.projects{margin-left:auto;margin-right:auto;width:90%;font-size:18px}.project-photo{padding:15px}.projects h2{font-size:30px;margin-left:60px;margin-right:60px}button{padding:10px;font-size:15px}}@media screen and (min-width:700px){.projects{width:70%;font-size:28px;margin-right:15px}.project-photo{padding:15px;width:75%}.projects h2{font-size:30px;width:45%;margin:auto}.projects h3{font-size:25px}.description,button{font-size:20px}button{padding:10px}}@media screen and (min-width:1000px){.projects{font-size:20px;width:65%;margin:auto}}.contact-page{display:flex;margin-left:auto;flex-direction:column;background-color:#fff;box-shadow:8px 8px 5px #0d1321}.contact-text{text-align:center;color:#fff;background-color:#0d1321;border-radius:5px}.contact,.contact-text{font-family:Quicksand,sans-serif}.contact{-webkit-text-decoration:#0d1321 underline;text-decoration:#0d1321 underline}.contact-div{padding:15px}.contact-links-main{list-style-type:none;padding-left:0}.contact-links-main a{color:#000}@media screen and (min-width:320px){.contact-page{width:90%;margin:auto auto 15px}.contact-text{font-size:25px;margin-left:100px;margin-right:100px}.contact{font-size:20px}.email-text,.github-text,.linkedin-text{font-size:18px;margin:30px}.contact-links-main a{font-size:40px}}@media screen and (min-width:700px){.contact-page{margin-right:15px;width:65%;margin-bottom:15px}.contact-text{font-size:30px;margin-left:100px;margin-right:100px}}@media screen and (min-width:1000px){.contact-page{font-size:20px;width:65%;margin:auto auto 15px}.contact{font-size:30px}.contact-links-main a{font-size:80px}}.about-me-div{display:flex;margin-left:auto;flex-direction:column;width:80%;padding-top:20px;padding-bottom:20px;background-color:#fff;box-shadow:8px 8px 5px #0d1321}.about-me-div h2{margin:auto;font-family:Quicksand,sans-serif;color:#fff;background-color:#0d1321;width:50%;border-radius:5px}.imac-img{width:68%}.about-me-photo,.imac-img{border-radius:100px;margin:auto}.about-me-photo{width:inherit}.about-me-text{padding:10px}@media screen and (min-width:320px){.about-me-div{width:80%;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}.about-me h2{font-size:20px;border-radius:5px}.about-me-photo{padding-left:10px;padding-right:10px}.about-me-text{font-size:16px}}@media screen and (min-width:700px){.about-me-div{width:70%;font-size:18px;margin-right:15px}.about-me h2{font-size:35px;border-radius:5px}.about-me-photo{padding-left:15px;padding-right:15px}.about-me-text{font-size:20px}}@media screen and (min-width:1000px){.about-me-div{font-size:17px;width:63%;margin:auto}}
/*# sourceMappingURL=main.abf6f15b.chunk.css.map */