@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Varela&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;color:#484848;font-family:Montserrat,sans-serif}html{margin:0;max-width:100%;min-height:100%;padding:0}.no-scroll{height:100vh;margin:0;overflow:hidden}body{height:100%;margin:0;padding:0;width:100%}body a{text-decoration:none}header{background:#0b032a;box-shadow:0 8px 8px -8px #0b032a;gap:3em;height:5em;justify-content:center;left:0;padding-right:3em;position:fixed;top:0;transition:top .6s ease;width:100%;z-index:5}.main-navigation li,header{align-items:center;display:flex}.main-navigation i{padding-right:1em}.hidden{top:-5em}.social-icons{align-items:center;display:flex;gap:1em;justify-content:center;position:fixed;right:1rem}.github-link .fa-github{color:#f5f5f5;font-size:1.95rem;transition:color .4s ease,-webkit-transform .8s ease;transition:transform .8s ease,color .4s ease;transition:transform .8s ease,color .4s ease,-webkit-transform .8s ease}.github-link .fa-github:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.linkedin-link .fa-linkedin{background-color:#0e76a8;border-radius:4px;color:#f5f5f5;font-size:1.5rem;padding:.1em .2em;transition:color .4s ease,-webkit-transform .8s ease;transition:transform .8s ease,color .4s ease;transition:transform .8s ease,color .4s ease,-webkit-transform .8s ease}.linkedin-link .fa-linkedin:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}#about{background:#0b032a;height:100vh}#about,.heading-wrapper{display:flex;justify-content:center}.heading-wrapper{align-items:flex-start;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);transition:opacity 1.5s ease,-webkit-transform .9s ease;transition:transform .9s ease,opacity 1.5s ease;transition:transform .9s ease,opacity 1.5s ease,-webkit-transform .9s ease}.heading-wrapper.slide-up{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.heading span{color:#f5f5f5}.heading-wrapper p{color:#d0dffb;font-weight:600}.heading-text{font-weight:500;line-height:1.8;width:100%}.main-title{color:#f5f5f5;font-family:Varela,sans-serif;font-weight:500;letter-spacing:6px}.type-writer-wrapper{gap:.3em}.type-writer-wrapper span{color:#f5f5f5;font-weight:500}.heading-wrapper a{background-color:initial;border:2px solid #f08000;border-radius:5px;box-shadow:3px 2px 5px #0a3642;color:#f5f5f5;font-weight:600;letter-spacing:.1rem;padding:1em;text-align:center;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;width:12em}.heading-wrapper a:hover{cursor:pointer;-webkit-transform:scale(1.01);transform:scale(1.01)}.photo-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.photo-wrapper{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);transition:opacity 1.5s ease,-webkit-transform .9s ease;transition:transform .9s ease,opacity 1.5s ease;transition:transform .9s ease,opacity 1.5s ease,-webkit-transform .9s ease}.photo-wrapper.slide-up{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}#projects{padding:4em 1em}.projects-title{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);transition:opacity 1.5s ease,-webkit-transform .9s ease;transition:transform .9s ease,opacity 1.5s ease;transition:transform .9s ease,opacity 1.5s ease,-webkit-transform .9s ease}.projects-title.slide-up{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.projects-wrapper{flex-wrap:wrap;gap:5em;padding:6em 2em 10em}.project-container,.projects-wrapper{align-items:center;display:flex;justify-content:center}.project-container{flex-direction:column;opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);transition:opacity 1.5s ease,-webkit-transform .9s ease;transition:transform .9s ease,opacity 1.5s ease;transition:transform .9s ease,opacity 1.5s ease,-webkit-transform .9s ease;width:20em}.project-container.slide-up{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.project-title{color:#404040;font-weight:600;text-align:center}.screenshot{border:none;border-radius:10px;box-shadow:0 8px 15px rgba(0,0,0,.35);height:12em;object-fit:cover;opacity:1;text-align:center;transition:opacity .6s ease,-webkit-transform .9s ease;transition:transform .9s ease,opacity .6s ease;transition:transform .9s ease,opacity .6s ease,-webkit-transform .9s ease;width:22em;width:100%}.screenshot:hover{opacity:.85;-webkit-transform:scale(1.03);transform:scale(1.03)}.project-description-wrapper{margin:0 auto;width:20em}.project-description{color:#737373;font-weight:500;text-align:center}.project-links-wrapper{align-items:center;display:flex;gap:1em}.fa-external-link-square{opacity:0;padding-left:5px;visibility:hidden}.project-links-wrapper p{font-weight:700;-webkit-text-decoration:underline transparent;text-decoration:underline transparent;text-underline-offset:10px;transition:-webkit-text-decoration .2s linear;transition:text-decoration .2s linear;transition:text-decoration .2s linear,-webkit-text-decoration .2s linear}.project-links-wrapper p:hover{-webkit-text-decoration-color:#282828;text-decoration-color:#282828}.project-links-wrapper p:hover .fa-external-link-square{opacity:1;visibility:visible}.github-icon{font-size:1.5rem;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.github-icon:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}#skills{align-items:center;background-color:#f8f8f8;display:flex;flex-direction:column;justify-content:center;padding-bottom:5em;padding-top:4em}.skills-title{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);transition:opacity 1.5s ease,-webkit-transform .9s ease;transition:transform .9s ease,opacity 1.5s ease;transition:transform .9s ease,opacity 1.5s ease,-webkit-transform .9s ease}.skills-title.slide-up{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.icons-wrapper{display:flex;flex-wrap:wrap;gap:3em;justify-content:center;opacity:0;padding:10em 3em 5em;-webkit-transform:translateY(40px);transform:translateY(40px);transition:opacity 1.5s ease,-webkit-transform .9s ease;transition:transform .9s ease,opacity 1.5s ease;transition:transform .9s ease,opacity 1.5s ease,-webkit-transform .9s ease;width:90%}.icons-wrapper.slide-up{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.icons-wrapper svg{height:6em;margin-bottom:5em;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:6em}.icons-wrapper svg:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}#contact{padding-bottom:5em;padding-top:4em}.contact-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;opacity:0;padding-bottom:10em;-webkit-transform:translateY(40px);transform:translateY(40px);transition:opacity 1.5s ease,-webkit-transform .9s ease;transition:transform .9s ease,opacity 1.5s ease;transition:transform .9s ease,opacity 1.5s ease,-webkit-transform .9s ease}.contact-wrapper.slide-up{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.success-message{font-weight:700;padding-bottom:1em}.form-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:4em;width:100%}form{width:60vw}.form-control{display:flex;flex-direction:column;gap:.5em}label{color:#737373;font-weight:500;width:100%}input,textarea{-webkit-appearance:none;appearance:none;background-color:#fefefa;border:none;border-radius:5px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);margin-bottom:2em;padding:1em;width:100%}textarea{height:10em;resize:none}.submit-btn{-webkit-appearance:none;appearance:none;background-color:#18075f;border:none;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);color:#fff;font-size:1rem;font-weight:600;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.submit-btn:hover{cursor:pointer;-webkit-transform:translateY(-2px);transform:translateY(-2px)}footer{align-items:center;background:#0b032a;box-shadow:0 0 8px #0b032a;display:flex;height:6em;justify-content:center;max-width:100%}footer span{color:#f5f5f5;font-weight:600;padding-right:.5em}@media screen and (min-width:320px){.hamburger{border-bottom-right-radius:5px;left:0;padding:1em;position:absolute;top:.35rem;z-index:30}.hamburger div{align-items:center;background-color:#f5f5f5;border-radius:5px;display:flex;height:.125rem;justify-content:center;position:relative;transition:all .2s ease-in-out;width:1.8rem}.hamburger.clicked div{background-color:initial;-webkit-transform:translateX(-50px);transform:translateX(-50px)}.hamburger.clicked div:before{-webkit-transform:rotate(45deg) translate(35px,-35px);transform:rotate(45deg) translate(35px,-35px)}.hamburger.clicked div:after{-webkit-transform:rotate(-45deg) translate(35px,35px);transform:rotate(-45deg) translate(35px,35px)}.hamburger div:after,.hamburger div:before{background:#f5f5f5;border-radius:5px;content:"";height:.125rem;position:absolute;transition:all .2s ease-in-out;width:100%}.hamburger div:before{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.hamburger div:after{-webkit-transform:translateY(8px);transform:translateY(8px)}header{height:3em}.logo{display:none}nav{background:#0b032a;left:0;min-height:100%;opacity:0;position:fixed;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:opacity .3s ease-in,-webkit-transform .3s ease-in;transition:transform .3s ease-in,opacity .3s ease-in;transition:transform .3s ease-in,opacity .3s ease-in,-webkit-transform .3s ease-in;width:100%;z-index:10}nav.show{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}75%{opacity:.5}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}75%{opacity:.5}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}nav.show li{-webkit-animation:fadeIn .3s ease-in-out forwards;animation:fadeIn .3s ease-in-out forwards}nav.show li:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}nav.show li:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}nav.show li:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}nav.show li:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}.main-navigation{align-items:center;display:flex;flex-direction:column;gap:5em;padding:6em 0}.main-navigation li{font-size:1.5rem;font-weight:700;list-style-type:none;opacity:0}.main-navigation li a{font-size:1.5rem}.main-navigation i,.main-navigation li .nav-link{color:#f5f5f5}#about{flex-direction:column-reverse;gap:3em;padding:0 1em}.heading-wrapper{align-items:center;gap:.5em;justify-content:center}.heading span{font-size:.8rem}.heading-wrapper .heading{text-align:center;width:100%}.heading .main-title{font-size:2.8rem;margin-top:-.1em}.heading-wrapper p{font-size:1rem;text-align:center;width:80%}.type-writer-wrapper{align-items:center;display:flex;gap:.5em}.type-writer-wrapper span{font-size:1.5rem}.heading-text{width:100%}.heading-wrapper a{font-size:1rem;margin-top:.5em}.photo-wrapper{align-items:flex-start;display:flex;justify-content:center;margin-bottom:-1.5em;margin-top:.5em;padding:0}.photo-wrapper img{width:35%}.contact-title,.projects-title,.skills-title{color:#484848;font-size:2rem;letter-spacing:2px;text-align:center}form{width:85vw}footer{font-size:smaller}}@media screen and (min-width:320px) and (orientation:landscape){html{font-size:75%}.hamburger{display:none}.logo{display:block;left:.5rem;position:absolute;top:.5rem;visibility:visible;width:2rem}nav{background-color:initial;left:0;min-height:auto;opacity:1;position:relative;top:0;-webkit-transform:none;-webkit-transform:initial;transform:none;width:auto}.main-navigation{flex-direction:row;gap:3em}.main-navigation li,.main-navigation li a{display:flex;opacity:1}.main-navigation li a{font-size:.5rem}.main-navigation li .nav-link{color:#d3d3d3;position:relative;text-decoration:none}#about{align-items:center;flex-direction:row;gap:0;justify-content:space-between;padding:2em}.heading-wrapper{align-items:flex-start;flex-direction:column;justify-content:center;padding:2em;width:70vw}.heading-wrapper .heading{margin-top:2em;text-align:start;width:100%}.heading-wrapper .main-title{margin-left:-.1em;margin-top:.25em;text-align:start}.heading-wrapper p{text-align:start;width:100%}.photo-wrapper{width:30vw}.photo-wrapper img{width:80%}}@media screen and (min-width:768px) and (orientation:portrait){.main-navigation{gap:13em}.heading-wrapper{gap:2em;margin-top:.5em}.heading-wrapper p{font-size:1rem;width:60%}.heading-wrapper a{font-size:1rem}.heading .main-title{font-size:4.5rem}.type-writer-wrapper span{font-size:2.5rem}}@media screen and (min-width:992px){html{font-size:100%}header{height:5em}.hamburger{display:none}.logo{display:block;left:1rem;position:absolute;top:1rem;visibility:visible;width:40px}.logo:hover{cursor:pointer}nav{left:0}.main-navigation{gap:5em}.main-navigation li a{font-size:medium}.main-navigation li .nav-link{color:#d3d3d3;position:relative;text-decoration:none}.main-navigation li .nav-link:after{background-color:#d3d3d3;border-radius:5px;content:"";display:block;height:3px;margin-top:1.8rem;position:absolute;right:0;transition:width .4s ease;-webkit-transition:width .4s ease;width:0}.main-navigation li .nav-link:hover{color:#fff;cursor:pointer}.main-navigation li .nav-link:hover:after{color:#fff;left:0;width:100%}.main-navigation i{color:#f5f5f5}.social-icons{gap:2em;right:2rem}#about{align-items:center;flex-direction:row;gap:0;justify-content:space-between}.heading-wrapper{align-items:flex-start;flex-direction:column;gap:1em;justify-content:center;padding:4em;width:70vw}.heading-wrapper .heading{margin-top:1em;text-align:start;width:100%}.heading-wrapper .main-title{font-size:5rem;margin-bottom:.5em;margin-left:-.1em;margin-top:0;text-align:start}.heading-wrapper p{font-size:1.2rem;text-align:start;width:90%}.type-writer-wrapper span{font-size:2.25rem}.heading-wrapper a{font-size:1rem}.photo-wrapper{margin:0;width:30vw}.contact-title,.projects-title,.skills-title{font-size:3rem}form{width:60vw}}@media screen and (min-width:1200px){.main-navigation{gap:7em}.heading-wrapper .main-title{font-size:5.5rem}.contact-title,.projects-title,.skills-title{font-size:3rem}}@media screen and (min-width:1920px){html{font-size:180%}#about{padding:0 2em}.photo-wrapper img{width:90%}}
/*# sourceMappingURL=main.6ac8e8a9.css.map*/