*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}body{max-width:100vw;overflow-x:hidden}li{list-style-type:none}p{font-size:16px;line-height:1.5}a{text-decoration:none}button{cursor:pointer}.App,section{background-color:#f5f5f5;transition:all .3s ease}input,textarea{background-color:#242424;border:none;border-bottom:3px solid #c0c4cc;color:#fff;height:40px;max-height:240px;outline:none;transition:border .3s ease;width:100%}textarea{height:100px;margin-top:8px;resize:vertical}label{font-size:14px;font-weight:700}input:hover,textarea:hover{border-color:#dcdfe6}input:focus,textarea:focus{border-color:#f06449}.container{padding:50px 0;width:100%}.row{margin:0 auto;max-width:1100px;padding:0 12px;width:100%}.click{cursor:pointer;transition:all .3s ease}.click:hover{transform:scale(1.1)}.click:active{transform:scale(.8)}.title{font-size:120px;line-height:1;margin-bottom:12px;opacity:0;text-align:left;transform:translateX(-20%);transition-duration:.8s;transition-property:transform,opacity;transition-timing-function:ease}.show{opacity:1!important;transform:translate(0)!important}.orange{color:#f06449!important}.link__hover-effect{position:relative}.link__hover-effect:after{bottom:-3px;content:"";height:3px;position:absolute;right:0;transition:all .3s ease;width:0}.link__hover-effect--white:after{background-color:#fff}.link__hover-effect--black:after{background-color:#242424}.link__hover-effect:hover:after{left:0;width:100%}.skeleton-box{background-color:#dddbdd!important;display:inline-block;height:1em;overflow:hidden;position:relative}.skeleton-box:after{animation:shimmer 2s infinite;background-image:linear-gradient(90deg,#fff0,#fff3 20%,#ffffff80 60%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes shimmer{to{transform:translateX(100%)}}*{scrollbar-color:#474747 #fff;scrollbar-width:auto}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background-color:#474747;border:3px solid #fff;border-radius:20px}.header,.scroll,nav{opacity:1;transition:all .6s .8s;visibility:visible}.modal--open .header,.modal--open .scroll,.modal--open nav{opacity:0!important;transition:all .4s ease}.dark-theme .extra--icon,.dark-theme .extra__link--icon,.dark-theme .fa-adjust,.dark-theme a,.dark-theme h1,.dark-theme h2,.dark-theme h3,.dark-theme h4,.dark-theme h5,.dark-theme p{color:#fff}.dark-theme .modal__para{color:#000}.dark-theme .extra__para{color:#d8d8d8}.dark-theme .App,.dark-theme section{background-color:#242424}.dark-theme #personal-logo{filter:invert(1)}.dark-theme .scroll__icon{border-color:#fff}.dark-theme .link__hover-effect--black:after,.dark-theme .scroll__icon:after{background-color:#fff}.dark-theme .mail__btn{background-color:#fff;color:#242424}.dark-theme .extraproject,.dark-theme .project__para{background-color:#292929}.other__projects{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1000px;padding:100px 12px 60px;width:100%}.other__projects--title{font-size:28px;padding-bottom:24px;z-index:200}.other__projects--container{display:flex;flex-wrap:wrap;max-width:910px;width:100%}.extraproject{background-color:#ececec;border-radius:5px;box-shadow:0 0 16px rgba(0,0,0,.178);display:flex;flex-direction:column;margin:10px;padding:20px;width:280px;z-index:200}.extra--top{align-items:center;display:flex;justify-content:space-between;width:100%}.extra--icon{font-size:40px}.extra__links{align-items:center;display:flex;height:100%;justify-content:flex-end}.extra__link{color:#000;font-size:24px;padding-left:10px;transition:all .3s ease}.extra__link:hover{transform:scale(1.1)}.extra--title{font-size:20px;margin-top:20px}.extra__para{font-size:14px;margin-top:10}.extra__tools{margin-top:20px}#landing-page{height:100vh}.header{left:50%;max-width:1000px;padding:0 30px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.header__para{font-size:24px;line-height:2;max-width:450px;transform:translateX(-25%)}.header__para,.social__list{opacity:0;transition:all .8s ease}.social__list{display:flex;margin-top:16px;transform:translateX(-12%)}.social__link{align-items:center;background-color:#f06449;display:flex;font-size:14px;height:32px;justify-content:center;margin-right:12px;padding:6px;width:32px}.mail__btn,.social__link{border-radius:50%;color:#fff}.mail__btn{background-color:#242424;border:none;bottom:32px;box-shadow:0 12px 30px 0 #00000047;font-size:32px;height:70px;position:fixed;right:40px;width:70px;z-index:300}.scroll{bottom:20px;left:50%;position:absolute;transform:translateX(-50%)}.scroll__icon{align-items:center;border:2px solid #242424;border-radius:24px;display:flex;height:30px;justify-content:center;width:20px}.scroll__icon:after{animation:scroll 1s infinite alternate-reverse;background-color:#242424;border-radius:2px;content:"";height:6px;width:4px}@keyframes scroll{0%{transform:translateY(3px)}to{transform:translateY(-3px)}}nav{align-items:center;display:flex;height:100px;justify-content:center;opacity:0;position:absolute;transform:translateY(-70%);width:100%;z-index:2000}.nav--hidden{margin-top:-100px}.nav--container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px;width:100%}#personal-logo{height:84px;width:84px}.nav__link--list{display:flex}.nav__link{margin:0 12px}.nav__link button{background:#0000;border:none;outline:none}.nav__link--anchor{color:#242424;font-size:18px;font-weight:700}.fa-adjust{font-size:22px}.modal{border-radius:20px;display:flex;height:700px;left:50%;max-width:1100px;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transition:visibility 1s,z-index 1s,box-shadow .5s ease;visibility:hidden;width:90%;z-index:-1}.modal--open .modal{box-shadow:0 20px 80px 0 #0000008c;visibility:visible;z-index:60}.modal__half{display:flex;flex-direction:column;justify-content:center;padding:40px 72px;transition:all .3s ease-in;width:50%}.modal--open .modal__about,.modal--open .modal__contact{transform:translateX(0)}.modal__about{background-color:#f5f5f5;transform:translateX(-110%)}.modal__languages{display:flex;flex-wrap:wrap;justify-content:center}.modal__language{align-items:center;background:none;border:none;display:flex;flex-direction:column;padding:16px;transition:all .3s ease;width:25%}.modal__language:hover .language__name{transform:scale(1)}.modal__language:hover{filter:brightness(80%);transform:scale(.9)}.language__name{bottom:-10px;position:absolute;transform:scale(0);transition:all .3s ease}.modal__language--img{width:100%}.modal__contact{background-color:#242424;color:#fff;transform:translateX(110%)}.modal__title{font-size:26px}.modal__sub-title{font-size:14px;margin:12px 0 24px}.modal__para{line-height:1.75;margin-bottom:12px}.form__item{margin-bottom:20px}.form__submit{background-color:#f06449;border:2px solid #f06449;color:#fff;font-size:20px;font-weight:700;max-width:240px;padding:12px 24px;transition:all .3s ease;width:100%}.form__submit:hover{background-color:initial;border-color:#fff}.form__submit:active{border-color:#f06449;color:#f06449}.modal__overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.modal__overlay--loading{background-color:#242424;font-size:80px}.modal__overlay--success{background-color:#4bb543;font-size:40px;font-weight:700;padding:28px;text-align:center}.modal__overlay--error{background-color:#fb5151;text-align:center}.modal__overlay--visible{display:flex;z-index:1}.spinner{animation:spinner .75s linear infinite}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.modal__exit{color:#fff;font-size:36px;position:absolute;right:40px;top:30px;z-index:100}.section__title{font-size:48px;margin-bottom:60px;position:relative;text-align:center;z-index:10}.project{align-items:center;display:flex;height:370px;justify-content:center;margin-top:100px;max-width:1100px;padding:10px;position:relative;width:100%}.project__info{left:0;position:absolute;width:60%;z-index:2}.project__img--wrapper{aspect-ratio:4/2.3;width:100%}.project__img{border-radius:16px;box-shadow:0 0 30px rgba(0,0,0,.102);height:100%;object-fit:cover;width:100%}.project__right{align-items:flex-end;display:flex;flex-direction:column;justify-content:center;position:absolute;right:0;width:50%}.project__title{font-size:40px}.project__para{background-color:#e7e7e7;border-radius:10px;box-shadow:0 0 30px #0000002b;font-size:16px;margin-top:20px;max-width:600px;padding:20px;text-align:center;transition:box-shadow .3s ease;width:100%}.project__para:hover{box-shadow:0 0 30px rgba(0,0,0,.262)}.project__tools{font-size:14px;font-weight:600;margin-top:20px;word-spacing:16px}.project__links{align-items:center;display:flex;padding-top:20px}.project__description--link{align-items:center;border:1px solid #f06449;border-radius:100%;display:flex;height:36px;justify-content:center;margin-right:16px;transition:all .3s ease;width:36px}.project__description--link:hover{background-color:#f06449}.link__skeleton{border-color:#0000}.project__description--link:hover .fa-github,.project__description--link:hover .fa-link{color:#fff}.fa-github,.fa-link{color:#f06449;font-size:24px;transition:color .3s ease}.project:nth-child(odd) .project__info{align-items:flex-end;display:flex;flex-direction:column;left:auto;right:0}.project:nth-child(odd) .project__right{left:0;right:auto}.project:nth-child(odd) .project__description--link{margin:0 0 0 16px}footer{background-color:#1f1f1f;display:flex;padding:4% 0;position:relative}.footer__row{align-items:center;display:flex;flex-direction:column}.footer__logo--img{filter:invert(1);width:120px}.footer__social--list{display:flex;justify-content:space-around;margin:28px 0;max-width:500px;width:100%}.footer__copyright,.footer__social--link{color:#fff}.shape{position:fixed;transition:all .1s ease-out}.shape--0{left:5vw;top:15vh}.shape--1{left:50vw;top:15vh}.shape--2{left:80vw;top:15vh}.shape--3{left:5vw;top:50vh}.shape--4{left:50vw;top:50vh}.shape--5{left:80vw;top:50vh}.shape--6{left:5vw;top:80vh}.shape--7{left:50vw;top:80vh}.shape--8{left:80vw;top:80vh}.footer__logo--popper{color:#fff;font-weight:700;opacity:0;padding-top:14px;position:absolute;right:0;top:37px;transition:all .3s ease}.footer__anchor{position:relative}.footer__anchor:hover .footer__logo--popper{opacity:1;transform:translateX(60px)}@media (max-width:1070px){.project__title{font-size:34px;text-align:end}.project:nth-child(2n) .project__title{text-align:start}}@media (max-width:940px){.project__title{font-size:30px}.project__para{font-size:14px}.project__tools{text-align:end;width:60%}.project:nth-child(2n) .project__tools{text-align:start}}@media (max-width:924px){.other__projects--container{align-items:center;justify-content:center}}@media (max-width:850px){.project{display:flex;flex-direction:column-reverse;height:auto}.project__info,.project__right{position:static;width:100%}.project__info{align-items:flex-start!important;display:flex;flex-direction:column;margin-top:10px}.project__tools{text-align:left;width:100%}.project__para{background-color:initial;box-shadow:none!important;font-size:18px;max-width:none;text-align:left;text-shadow:0 0 10px rgba(0,0,0,.137)}.project__links,.project__para{margin-top:8px;padding:0}.project__description--link{margin:0 16px 0 0!important}.project__title{text-align:left}}@media (max-width:768px){.title{font-size:80px}.section__title{font-size:40px}.header__para{font-size:20px}.modal{border-radius:0;flex-direction:column-reverse;height:auto;left:0;top:0;transform:none}.modal,.modal__half{width:100%}#personal-logo{height:75px;width:75px}}@media (max-width:480px){.title{font-size:52px}.header__para{font-size:18px}.nav__link:first-child{display:none}.modal__half{padding:40px}#personal-logo{height:60px;width:60px}.shape{display:none}.section__title{font-size:34px}}.flappy__game-container{align-items:center;background-color:rgba(0,0,0,.727);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.flappy__game-container button{background-color:initial;border:none;color:#fff;font-size:24px;position:absolute;right:20px;top:20px}
/*# sourceMappingURL=main.c3b23724.css.map*/