@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&family=Lato:wght@400;700&family=Roboto:wght@400;500;700;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,"sans-serif";--main-txt-color: #3869d3}html{scroll-behavior:smooth}li{list-style:none}p{line-height:1.5;font-size:16px}a{text-decoration:none}button{cursor:pointer}section{background-color:#f5f5f5;transition:all .3s ease}input,textarea{width:100%;background-color:#242424;color:#fff;outline:none;border:3px solid #c0c4cc;border-top:none;border-left:none;border-right:none;height:40px;transition:all .3s ease}textarea{resize:vertical;height:100px;margin-top:8px}label{font-size:14px;font-weight:700}input:hover,textarea:hover{border-color:#dcdfe6}input:focus,textarea:focus{border-color:var(--main-txt-color)}.container{padding:50px 0;width:100%}.row{width:100%;max-width:1100px;margin:0 auto;padding:0 12px}.click{transition:all .3s ease;cursor:pointer}.click:hover{transform:scale(1.1)}.click:active{transform:scale(.8)}.link__hover-effect{position:relative}.link__hover-effect:after{content:"";position:absolute;bottom:-3px;height:3px;right:0;width:0;transition:all .3s ease}.link__hover-effect--white:after{background-color:#fff}.link__hover-effect--black:after{background-color:#000}.link__hover-effect:hover:after{left:0;width:100%}.title,.title_name{font-size:120px;margin-bottom:12px;text-align:left;line-height:1}.blue{color:var(--main-txt-color)}nav,.scroll,header{opacity:1;visibility:visible;transition:all .6s .5s}.modal--open nav,.modal--open .scroll,.modal--open .header{opacity:0;visibility:hidden;transition:all .4s}.dark-theme .title,.dark-theme .section__title,.dark-theme .section__sub-title,.dark-theme .nav__link--anchor,.dark-theme .fa-adjust,.dark-theme .header__para{color:#fff}.dark-theme section{background-color:#242424}.dark-theme #personal-logo{filter:invert(1)}.dark-theme .scroll__icon{border-color:#fff}.dark-theme .scroll__icon:after{background-color:#fff}.dark-theme .mail__btn{color:#242424;background-color:#fff}.dark-theme .social__link{color:#242424}.dark-theme .link__hover-effect--black:after{background-color:#fff}#landing-page{height:100vh}.header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1000px;padding:0 30px}.header__para{font-size:24px;line-height:2;max-width:450px}.social__list{margin-top:16px;display:flex;flex-direction:row}.social__link{background-color:var(--main-txt-color);color:#fff;padding:6px;width:32px;height:32px;font-size:14px;margin-right:12px;display:flex;align-items:center;justify-content:center;border-radius:50%}.mail__btn{width:70PX;height:70PX;font-size:32PX;border-radius:50%;border:none;background-color:#242424;color:#fff;position:fixed;bottom:32px;right:40px;z-index:100;box-shadow:0 12px 30px #00000047}.scroll{position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.scroll__icon{width:20px;height:30px;border:2px solid #242424;border-radius:24px;display:flex;justify-content:center;align-items:center}.scroll__icon:after{content:"";width:4px;height:6px;background-color:#242424;border-radius:2px;animation:scroll 1s infinite alternate-reverse}@keyframes scroll{0%{transform:translateY(3px)}to{transform:translateY(-3px)}}nav{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;height:100px;padding:0 20px}#personal-logo{height:70px;width:70px}.nav__link--list{display:flex}.nav__link{margin:0 12px}.nav__link--anchor{font-size:16px;color:#242424;font-weight:700}.fa-adjust{font-size:20px}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:1100px;height:700px;border-radius:20px;overflow:hidden;display:flex;visibility:hidden;z-index:-1;transition:visibility 1s,z-index 1s,box-shadow .5s ease}.modal--open .modal{z-index:60;box-shadow:0 20px 80px #0000008c;visibility:visible}.modal__half{width:50%;padding:40px 72px;display:flex;flex-direction:column;justify-content:center;position:relative;transition:all .3s ease}.modal__about{background-color:#f5f5f5;transform:translate(-110%)}.modal--open .modal__about,.modal--open .modal__contact{transform:translate(0)}.modal__languages{display:flex;flex-wrap:wrap}.modal__language{width:25%;padding:16px;position:relative;display:flex;flex-direction:column;align-items:center;transition:all .3s ease}.modal__language:hover .language__name{transform:scale(1)}.modal__language:hover{transform:scale(.9);filter:brightness(80%)}.language__name{position:absolute;bottom:-10%;transform:scale(0);transition:all .3s ease}.modal__language--img{width:100%;transition:all .3s ease}.modal__contact{background-color:#242424;color:#fff;transform:translate(110%)}.modal__title{font-size:26px}.modal__sub-title{margin:12px 0 24px;font-size:14px}.modal__para{margin-bottom:12px;line-height:1.75}.form__item{margin-bottom:20px}.form__submit{background-color:var(--main-txt-color);border:2px solid --main-txt-color;color:#fff;font-weight:700;width:100%;max-width:240px;padding:12px 24px;font-size:24px;transition:all .3s ease}.form__submit:hover{border-color:#fff;background-color:transparent}.form__submit:active{border-color:var(--main-txt-color);color:var(--main-txt-color)}.modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;z-index:-1}.modal__overlay--visible{z-index:1;display:flex}.modal__overlay--loading{background-color:#242424;font-size:80px}.modal__overlay--success{background-color:#4bb543;font-size:40px;font-weight:700;text-align:center;padding:28px;line-height:1.5}.fa-spinner{animation:spinner .75s infinite linear}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal__exit{position:absolute;top:3%;right:3%;color:#fff;font-size:36px;z-index:100}.section__title{text-align:center;font-size:48px;margin-bottom:60px}.project__img{width:100%;transition:all .6s ease}.project__wrapper{position:relative;border-radius:20px;box-shadow:0 20px 80px #00000073;overflow:hidden;margin-bottom:88px}.project__wrapper:hover .project__description{opacity:1;transform:translateY(-50%)}.project__wrapper:hover .project__img{transform:scale(1.07);filter:blur(5px)}.project__description{position:absolute;top:50%;left:90px;transform:translateY(100%);opacity:0;transition:opacity .3s,transform .45s ease;color:#fff;max-width:550px}.project__wrapper:hover .project__wrapper--bg{opacity:.7}.project__wrapper--bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1c1d25;opacity:0}.project__description--title{font-size:40px}.project__description--sub-title{margin-top:8px}.project__description--link{color:#fff;font-size:20px;margin-right:16px}.project__description--para{margin:16px 0}footer{background-color:#242424;display:flex;padding:6% 0;position:relative}.footer__row{display:flex;flex-direction:column;align-items:center}.footer__logo--img{width:70px;filter:invert(1);transform:translate(8px)}.footer__social--list{width:100%;max-width:500px;display:flex;justify-content:space-around;margin:28px 0}.footer__social--link,.footer__copyright{color:#fff}.shape{position:fixed}.shape--0{top:15vh;left:5vw}.shape--1{top:15vh;left:50vw}.shape--2{top:15vh;left:80vw}.shape--3{top:50vh;left:5vw}.shape--4{top:50vh;left:50vw}.shape--5{top:50vh;left:80vw}.shape--6{top:80vh;left:5vw}.shape--7{top:80vh;left:50vw}.shape--8{top:80vh;left:80vw}@media (max-width: 768px){.title,.title_name{font-size:80PX}.header__para{font-size:20px}.modal{top:0;left:0;height:auto;transform:none;width:100%;flex-direction:column-reverse}.modal__half{width:100%;border-radius:0}}@media (max-width: 480px){.title,.title_name{font-size:52px}.header__para{font-size:18px}.nav__link:first-child,.project__description--para{display:none}.project__description{left:0;padding:0;width:100%;text-align:center}.project__description--sub-title{margin-bottom:8px}.modal__half{padding:40px}}