body{margin:0;padding:0;font-family:Roboto,sans-serif}*,*:before,*:after{box-sizing:border-box}img{width:100%}a{color:inherit;text-decoration:none}body{background-color:#1d1d1d}html{scroll-behavior:smooth}.container{padding-right:25px;padding-left:25px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 768px){.container{max-width:1600px;padding-right:60px;padding-left:60px}}.navbar{background-color:transparent;position:absolute;width:100%;top:0;left:0;z-index:9999}.navbar__wrapper{display:flex;align-items:center;flex-direction:column}.navbar__logo{width:170px}.navbar__navigation{list-style:none;padding:0;margin:0;display:flex;flex-wrap:nowrap;padding-bottom:3rem}.navbar__navigation--list{padding:0 1rem}.navbar__navigation--link{text-decoration:none}.navbar__navigation--icon{font-size:27px;color:#e5e5e5}.active{color:#74f7d9!important}.fixed{background-color:#181818!important;position:fixed;top:0;left:0;width:100%;opacity:0;visibility:hidden;box-shadow:0 0 15px 1px #000;transform:translateY(-200px)}.in-view{opacity:1;visibility:visible;transition:all .3s ease;transform:translate(0)}.in-view .navbar__logo{display:none}.in-view .navbar__navigation-wrapper{padding-top:30px;padding-bottom:30px}.in-view .navbar__navigation{padding:0}@media only screen and (min-width: 768px){.navbar__wrapper{display:flex;align-items:center;flex-direction:row;justify-content:space-between}.navbar__logo{width:160px}.navbar__navigation{padding-bottom:0}.navbar__navigation--icon:hover{color:#74f7d9}}.hero{background-image:var(--hero-mobile-bg, url(/images/hero-mobile.jpg));background-size:cover;background-repeat:no-repeat;padding-top:150px;height:100vh;display:flex;justify-content:center;align-items:center;box-shadow:0 0 35px 1px #000}.hero__intro{color:#fff;display:flex;justify-content:center;padding-top:1rem;padding-bottom:8rem}.hero__intro--heading{margin:0;font-size:34px;font-family:Roboto Mono,monospace!important}.hero__intro--span{display:block}.hero__intro--name{display:inline-block;margin-left:13px;color:#74f7d9}.hero__intro--dot{color:#e10b17}.buttons{display:flex;flex-direction:column;align-items:center;font-family:Roboto Mono,monospace;font-size:18px}.buttons--contact-me{color:#74f7d9;padding:1rem;border:solid 2px #74f7d9;border-radius:10px;margin-bottom:3rem;width:160px;text-align:center}.buttons--projects{color:#74f7d9;padding:1rem;border:solid 2px #74f7d9;border-radius:10px;width:160px;text-align:center}@media only screen and (min-width: 768px){.hero{background-image:var(--hero-desktop-bg, url(/images/hero-desktop.jpg));background-position:center}.hero__intro{padding-top:0;padding-bottom:180px}.hero__intro--heading{font-size:37px}.buttons{flex-direction:row;justify-content:center;padding-bottom:0}.buttons--contact-me{margin-bottom:0;margin-right:3rem}.buttons--contact-me:hover,.buttons--projects:hover{background-color:#74f7d9;color:#000}}.footer{padding:2rem;display:flex;flex-direction:column;align-items:center}.footer__icons{font-size:30px;color:#e5e5e5;margin-bottom:2rem}.footer__icons--icon{margin:0 8px}.footer__copyright{color:#e5e5e5;font-size:13px}.footer__copyright--text{margin:0}#footer{background-color:#181818;box-shadow:0 0 25px 1px #000}@media only screen and (min-width: 768px){.footer{padding:2rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-left:0;padding-right:0}.footer__icons{margin-bottom:0}.footer__icons--icon:hover{color:#74f7d9}}.main{padding-top:197.33px}.main__heading{display:flex;justify-content:center;padding-top:3rem;padding-bottom:3rem;font-family:Roboto Mono,monospace}.main__heading--h1{font-size:30px;color:#fff;margin:0}.main__heading--firstWord{color:#74f7d9}.main__heading--dot{color:#e10b17}@media only screen and (min-width: 768px){.main{padding-top:121.33px}.main__heading{padding-top:4rem}.main__heading--h1{font-size:36px}}.projects{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%;margin-top:2rem;margin-bottom:2rem}.projects__box{width:100%;flex-basis:calc(50% - 1rem);text-align:center;margin:0 0 40px;box-shadow:0 0 35px 1px #000;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;padding-top:40px}.projects__box--img-div{padding:2rem}.projects__box--text-div{position:absolute;top:0}.projects__box--text{color:#e5e5e5;font-size:14px;font-family:Roboto Mono,monospace;margin-left:10px;margin-right:10px}#projects{padding-top:120px}@media only screen and (min-width: 768px){.projects{max-width:1024px;margin:0 auto;justify-content:unset;margin-top:2rem}.projects__box{flex-basis:calc(20% - 1rem);transition:.4s;margin:0 35px 60px}.projects__box--text{margin-left:5px;margin-right:5px}.projects__box:nth-child(4n+1){margin-left:0}.projects__box:hover{transform:scale(1.1);transition:.4s;border:1px solid #74f7d9}.projects__box:hover .projects--img,.projects__box .projects--img{transition:.4s}}.about-section{display:flex;flex-direction:column;align-items:center}.about-section--img{width:50%;border:solid 2px #74f7d9;border-radius:10px;margin-bottom:20px;box-shadow:0 0 40px .5px #000}.about-section--paragraph{color:#fff;font-size:18px;line-height:30px}#about:before{content:"";display:block;height:150px;margin:-150px 0 0}@media only screen and (min-width: 768px){.about-section{display:flex;flex-direction:row;align-items:center;justify-content:center}.about-section--img{max-width:200px;margin-right:50px;border:solid 2px #74f7d9;border-radius:10px;margin-bottom:20px;box-shadow:0 0 40px .5px #000}.about-section--paragraph{max-width:500px;color:#fff;font-size:18px;line-height:30px}}.my-skills{display:flex;flex-wrap:wrap;justify-content:center;max-width:800px;margin:0 auto}.my-skills--box{background-color:#e5e5e5;color:#000;padding:.5rem 1rem;width:145px;margin:1rem;text-align:center;font-weight:500;font-size:18px;box-shadow:0 0 30px 3px #000;border:3px solid transparent}.my-skills--box:hover{transition:.4s;border:3px solid #74f7d9}.contact-me__box{color:#e5e5e5;padding:1rem;font-size:18px;position:relative}.contact-me__box a{text-decoration:underline;margin-left:50px}.contact-me__box i{color:#74f7d9;font-size:30px;vertical-align:middle;position:absolute}.contact-me-wrapper{display:flex;justify-content:center;margin-bottom:3rem}@media only screen and (min-width: 768px){.contact-me-wrapper{margin-bottom:6rem}.contact-me{display:flex}.contact-me__box{color:#e5e5e5;padding:1rem;font-size:18px;position:relative}.contact-me__box a:hover{color:#74f7d9}}#overlay{position:fixed;z-index:99999;top:0;left:0;bottom:0;right:0;background-color:#181818;display:flex;align-items:center;text-align:center}#quotes{color:#74f7d9;font-family:Roboto Mono,monospace;font-size:30px;font-weight:400}.lds-ripple{display:inline-block;margin:50px auto 0;position:relative;width:80px;height:80px;margin-top:2rem;display:flex;justify-content:center}.lds-ripple div{position:absolute;border:4px solid #74f7d9;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}