body,html{overflow-x:hidden}@media screen and (max-width:640px){html{scroll-padding-top:110px}}@font-face{font-family:Metropolis;src:url(/static/media/Metropolis-Light.fe9aaaf89f0f5af7af1f.woff) format("woff")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Metropolis,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:25px;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{align-items:center;margin:0;padding:0;text-align:center}.App{background-image:linear-gradient(180deg,#70f,#aaf)}.App,h1{color:#fff}h1{background-attachment:fixed;background-size:cover;display:flex;flex-direction:column;height:calc(100vh - 200px);justify-content:center;line-height:40px;position:absolute;width:100%}h1 p{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Home{height:calc(100vh - 278px);min-height:600px;width:100%}.fade-in{-webkit-animation:fade-in 1s ease-in-out forwards;animation:fade-in 1s ease-in-out forwards;opacity:0}.fade-in-slow{-webkit-animation:fade-in 3s ease-in-out forwards;animation:fade-in 3s ease-in-out forwards;opacity:0}.fade-out{-webkit-animation:fade-out 1s ease-in-out forwards;animation:fade-out 1s ease-in-out forwards;opacity:1}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.transition-group{height:100%;overflow:hidden;position:relative}.fade-enter{opacity:0;position:absolute}.fade-enter-active{opacity:1;transition:opacity 1s ease-in}.fade-exit{opacity:1;position:absolute}.fade-exit-active{opacity:0;transition:opacity 1s ease-out}h3{font-size:30px;line-height:35px}h2,h3{text-align:left}h2{font-size:40px;line-height:45px}p{text-align:left;width:100%}.content{justify-items:center}.content,.transition-group{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto;width:100%}hr{background-color:#fff;border-width:0;height:1px;margin:0;width:100%}.page{margin-left:10%;margin-right:10%;margin-top:20px;padding-bottom:50px;width:1200px}.about-me-box h3{text-align:left}.about-me-box img{margin-bottom:30px}@media (900px <= width){.about-me-container{display:inline-flex;justify-content:flex-start;width:100%}.about-me-box{display:inline-flex;flex-direction:column;vertical-align:left}.about-me-box img{margin-right:40px}.about-me-box h3{text-align:left;width:100%}}.projects-container{align-items:center;display:inline;justify-content:center;text-align:center;width:100%}.project{background-color:#ddd;border-radius:10px;display:inline-flex;flex-direction:column;height:380px;margin:10px;padding:10px;vertical-align:middle}.project b,.project p{color:#303339;padding-bottom:10px;text-align:center;width:200px}.project img{height:200px;padding:20px;position:relative;top:0;transition:top .2s ease-in-out;width:200px;z-index:2}.project img:hover{top:-5px}.project img:active{top:0}.socials-container{align-items:center;display:inline;justify-content:center;text-align:center;width:100%}.social{display:inline-flex;flex-direction:column;padding-bottom:10px;vertical-align:middle}.social a{align-items:center;display:flex;height:50px;justify-content:center;padding:20px;position:relative;top:0;transition:top .2s ease-in-out;width:50px;z-index:2}.social img{display:block;margin:auto;width:50px}.social a:hover{top:-3px}.social a:active{top:0}iframe{height:1130px;width:100%}@media (min-width:1501px) and (max-width:1920px){.page{max-width:1200px}iframe{height:1130px;margin:0 auto;width:80%}}@media (min-width:800px) and (max-width:1500px){.page{max-width:80%}iframe{display:flex;height:1130px;margin:0 auto;width:100%}}@media (max-width:799px){.page{max-width:80%}iframe{display:flex;height:700px;margin:0 auto;width:100%}}@media (max-width:504px){h1{background-attachment:scroll}iframe{display:flex;height:500px;margin:0 auto;width:100%}}.nav{list-style:none;margin:0;padding:0;text-align:center}.navbar{display:flex;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.nav li{display:inline}.nav a{color:#fff;display:inline-block;padding:14px 16px;text-align:center;text-decoration:none}.nav a:hover{color:#bbb}.ContactMe{display:flex;flex-direction:column;text-align:center;width:100%}input,select,textarea{font-family:Metropolis,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}input[type=email],input[type=text],select,textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:16px;margin-top:6px;padding:12px;resize:none;width:100%}textarea{height:200px;text-align:left}input[type=submit]{background-color:#aaf;border:none;border-radius:4px;color:#424957;cursor:pointer;padding:12px 20px}input[type=submit]:hover{background-color:#c6e2ff}.ContactForm{background-color:#f2f2f2;border-radius:7px;padding:20px}.ContactForm label{color:#424957}@media (min-width:680px){.ContactForm{width:500px}.ContactMe form{margin:0 auto}}footer{display:flex;flex-direction:Column;justify-content:space-evenly;padding-bottom:10px;padding-top:10px;width:100%}footer p{max-width:800px;text-align:center}.Home{align-items:center;justify-content:center}.Home,.side-menu{display:flex;flex-direction:column}.side-menu{height:calc(100vh + 1000px);max-width:100vw;padding-top:53px;width:300px}.side-menu li{width:100%}.side-menu a{padding:20px 0;width:100%}.side-menu a:hover{background-color:#282c34}@media screen and (max-width:474px){.side-menu{width:100vw}}.menu{background-color:initial;border:none;cursor:pointer;display:flex;padding:0}.line{fill:none;stroke:#fff;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.line,.line1{stroke-width:6}.line1{stroke-dasharray:60 207}.line2{stroke-dasharray:60 60}.line2,.line3{stroke-width:6}.line3{stroke-dasharray:60 207}.opened .line1{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}.opened .line2{stroke-dasharray:1 60;stroke-dashoffset:-30;stroke-width:6}.opened .line3{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}
/*# sourceMappingURL=main.25ea1d97.css.map*/