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}*{box-sizing:border-box;margin:0}#home{height:100vh;width:100vw;background-image:url(https://images.unsplash.com/photo-1515462277126-2dd0c162007a?auto=format&fit=crop&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&q=80&w=1288);background-position:50%;background-size:cover;background-repeat:no-repeat}.home-container{height:100vh;width:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto}.home-container>*{color:#fff;font-size:22px;margin:5px 0 0}span{color:#ff0}#home-button{text-decoration:none;border:5px double #000;border-radius:8px;margin:50px 0 0;padding:10px;background-color:#fff;color:#000}#home-button:hover{background-color:#ff0;-webkit-transform:scale(1.3);transform:scale(1.3)}@media screen and (min-width:768px){.home-container{width:500px}.home-container>h1,.home-container>h2{font-size:36px}}.sticky-wrapper{position:relative;height:50px;display:flex;align-items:center;background-color:#373737;justify-content:space-around}.sticky-wrapper>a{text-decoration:none;color:#fff;font-size:18px;font-weight:600}.sticky{position:fixed;top:0;width:100%;z-index:999}.fixed{-webkit-animation-name:slide-down;animation-name:slide-down;-webkit-animation-duration:.7s;animation-duration:.7s}@-webkit-keyframes slide-down{0%{-webkit-transform:translateY(-400);transform:translateY(-400)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-down{0%{-webkit-transform:translateY(-400);transform:translateY(-400)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.about-container{width:100vw;text-align:center;display:flex;flex-direction:column}.about-container>h1.react-reveal{padding-top:60px}h1.react-reveal{font-size:40px;margin:0 0 30px}.about-me>img{border:3px solid #000;border-radius:8px;width:200px;height:285px}.about-me{display:flex;flex-direction:column;align-items:center}.about-me>p{padding:20px;line-height:24px}h1{font-size:32px;margin:0 0 25px}.skills{display:flex;justify-content:space-around;flex-wrap:wrap;width:80%;margin:0 auto 75px}div.react-reveal{margin:10px 25px}@media screen and (min-width:1024px){div.about-container{height:100vh}.about-container>h1.react-reveal{padding-top:100px;margin:0 0 50px}.about-me>img{width:300px;height:400px}.about-me{width:950px;align-items:center;margin:0 auto}.about-me>p{padding:20px 50px 80px;font-size:22px;line-height:40px}}.projects-container{display:flex;flex-direction:column;text-align:center;padding:60px 0 0}.projects-container>div.react-reveal{margin:0 auto 10px}div.react-reveal>img{width:260px;height:150px}div.react-reveal>p{padding:0 5px}.code-buttons{display:flex;align-self:flex-end;justify-content:center}.project-button{width:60px;padding:10px;border:2px solid #373737;margin:10px 10px 0 0;align-self:flex-end;text-decoration:none;background-color:#2f3c66;color:#fff;border-radius:5px}.project-button:hover{opacity:.7}@media screen and (min-width:768px){.projects-container>div.react-reveal{width:600px}div.react-reveal>img{width:500px;height:300px}h4{font-size:28px}div.react-reveal>p{padding:0 20px}.project-button{margin:20px;width:140px;font-size:20px}}@media screen and (min-width:1024px){.projects-container{padding-top:100px}.projects-container>h1.react-reveal{margin:0 0 50px}.projects-container>div.react-reveal{margin-bottom:50px}}.contact-container{width:100vw;height:100vh;text-align:center;display:flex;flex-direction:column;justify-content:flex-end;background:#000;background:linear-gradient(0deg,#000,#000 10%,#fff)}.contact-container>h1.react-reveal{padding-top:60px}form{display:flex;flex-direction:column;align-items:center}form>input,textarea{width:200px;margin:5px 0 0;border:2px solid #000;border-radius:2px}textarea{height:125px}form>button{margin:10px 0 50px;width:100px;height:30px}form>button:hover{background-color:#000;color:#fff;border:2px solid #fff;transition:.7s}.contact-container>p.react-reveal{margin:0 0 20px}.contact-container>a{margin:0 0 100px}.footer{text-align:center;padding:10px;font-size:12px;color:#fff}.contact-submit{height:200px;display:flex;flex-direction:column;justify-content:flex-end;justify-content:space-between;align-items:center;background:#000;background:linear-gradient(0deg,#000,#000 10%,#fff);color:#2f3c66;font-size:3em}@media screen and (min-width:768px){.contact-container>a{margin:0 0 300px}form>input,textarea{width:300px}form>button{margin:20px 0 80px;width:150px;font-size:20px;height:40px}}@media screen and (min-width:1024px){.contact-container>a{margin:0 0 500px}.contact-container>h1.react-reveal{margin:0 0 50px}.contact-container>p.react-reveal{font-size:20px}form>input,textarea{width:450px;padding:5px}}
/*# sourceMappingURL=main.8987d32a.chunk.css.map */