@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,sans-serif}html{scroll-behavior:smooth}li{list-style-type:none}section{background-color:#f5f5f5}input,textarea{color:#fff;background-color:#242424;border:none;border-bottom:2px solid #c0c4cc;outline:none;width:100%;height:40px;transition:all .3s}textarea{resize:vertical;height:100px;margin-top:8px}label{font-size:14px;font-weight:700}input:hover,textarea:hover{border-color:#9e44be}input.focus,textarea.focus{border-color:#5e17eb}.container{width:100%;padding:50px 0}.row{width:100%;max-width:1100px;margin:0 auto;padding:12px}.click{cursor:pointer;transition:all .3s}.click:hover{transform:scale(1.1)}.click:active{transform:scale(.8)}.title{text-align:left;margin-bottom:12px;font-size:120px;line-height:1}.purple{color:#5e17eb}a{text-decoration:none}button{cursor:pointer;border-radius:50%}no__cursor{cursor:not-allowed}.fa-solid{font-size:24px}.link__hover-effect--black:after{content:"";background-color:#fff;width:0;height:3px;transition:all .3s;position:absolute;bottom:-3px;right:0}.link__hover-effect--white:after{content:"";background-color:#faeb1c;width:0;height:3px;transition:all .3s;position:absolute;bottom:-3px;right:0}.link__hover-effect:hover:after{width:100%;left:0}nav,.scroll,.header{opacity:1;visibility:visible;transition:all .6s .4s}.modal--open .scroll,.modal--open .header{opacity:0;visibility:hidden;transition:all .3s}.dark-theme .title,.dark-theme .section__title,.dark-theme .section__sub-title,.dark-theme .nav__link--anchor,.dark-theme .fa-circle-half-stroke,.dark-theme .header__para{color:#fff}.dark-theme section{background-color:#242424}.dark-theme .scroll__icon{border-color:#fff}.dark-theme .scroll__icon:after,.dark-theme .link__hover-effect--black:after{background-color:#fff}.dark-theme .mail__btn{color:#242424;background-color:#fff}#landing{min-height:80vh}.header{width:100%;max-width:1000px;padding:0 32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header__para{max-width:475px;font-size:24px;line-height:2}.header__content{height:60vh}.social__list{margin-top:16px;display:flex}.social__link{color:#fff;background-color:#5e17eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;padding:6px;font-size:16px;display:flex}.mail__btn{color:#fff;z-index:100;background-color:#242424;border:none;border-radius:50%;width:60px;height:60px;font-size:28px;position:absolute;bottom:80px;right:40px}.scroll{position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.scroll__icon{border:2px solid #242424;border-radius:25px;justify-content:center;align-items:center;width:20px;height:30px;display:flex}.scroll__icon:after{content:"";background-color:#242424;border:2px;width:4px;height:6px;animation:1s infinite alternate-reverse scroll}@keyframes scroll{0%{transform:translateY(3px)}to{transform:translateY(-3px)}}#personal-logo{border-radius:50%;width:50px;margin:10px}nav{z-index:10;color:#fff;background-color:#5e17eb;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex;position:fixed;top:0}.nav__container{justify-content:center;margin:0 auto;display:flex}.nav__link--list{display:flex}.nav__link{margin:0 12px}.nav__link--anchor{color:#fff;background-color:#5e17eb;border:none;font-size:16px;font-weight:700;text-decoration:none}.modal{visibility:hidden;z-index:100;border-radius:20px;width:90%;max-width:1100px;height:700px;transition:visibility 1s,z-index 1s,box-shadow .5s;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.modal--open .modal{z-index:60;visibility:visible;box-shadow:0 20px 80px #0000008c}.modal__half{width:50%;padding:20px, 36px;flex-direction:column;justify-content:center;transition:all .3s ease-in;display:flex;position:relative}.modal--open .modal__about,.modal--open .modal__contact{transform:translate(0%)}.modal__about{background-color:#f5f5f5;padding:36px;transform:translate(-110%)}.modal__languages{text-align:center;flex-wrap:wrap;width:100%;padding-top:36px;display:flex}.modal__language{color:#5e17eb;flex-direction:column;align-items:center;width:25%;display:flex;position:relative}.modal__language:hover .language__name{transform:scale(1)}.modal__language--img{scale:3}.modal__language:hover{filter:brightness(80%);transition:all .3s;transform:scale(.85)}.language__name{color:#242424;transition:all .3s;position:absolute;bottom:-40px;transform:scale(0)}.modal__title{font-size:28px}.modal__para{line-height:1.65}.modal__contact{color:#fff;background-color:#242424;flex-direction:column;justify-content:center;padding:36px;display:flex;transform:translate(110%)}.modal__title{margin-bottom:4px}.modal__subtitle{margin-bottom:18px}.form__item{margin-bottom:20px}.form__submit{color:#fff;background-color:#5e17eb;border:2px solid #5e17eb;width:100%;max-width:80%;padding:12px 24px;font-size:20px;font-weight:700}.form__submit:hover{background-color:#0000;border-color:#fff}.modal__overlay{justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.modal__overlay--loading{z-index:-1;background-color:#242424}.modal__overlay--success{text-align:center;z-index:-1;background-color:#5e17eb;padding:56px;font-size:44px;font-weight:700}.modal__overlay--visible{z-index:1;display:flex}.modal__exit{color:#fff;z-index:0;position:absolute;top:15px;right:20px}.project{max-width:1200px;margin:0 auto}.section__title{text-align:center;margin-bottom:24px;padding-top:36px;font-size:36px}.projects__summary{text-align:center;flex-direction:column;justify-content:center;width:75%;margin:0 auto;display:flex}.project__summary--img{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.project__img{border-radius:6px;max-width:75%;height:auto;margin:auto;transition:transform .2s ease-in-out;display:block;position:relative}.project__img:hover{transform:scale(1.05)}.thumbnail__wrapper{z-index:0;border-radius:20px;height:25vh;position:relative;overflow:hidden;box-shadow:0 20px 80px #00000073}.thumbnail__wrapper--bg{z-index:1;background-color:#000;height:100%;transition:all .6s;position:absolute;top:0;left:0}.project__list{padding:90px 20px 20px}.project__img{width:100%}.project__wrapper{z-index:0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;height:65vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 80px #00000073}.project__description{opacity:0;color:#fff;text-align:center;z-index:2;flex-direction:column;justify-content:center;max-width:550px;transition:all .6s,transform .6s;display:flex;position:absolute;top:50%;transform:translateY(100%)}.project__wrapper--bg{opacity:0;z-index:1;background-color:#1c1d25;width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:0}.project__wrapper:hover .project__img{filter:blur(5px);transition:all .35s;transform:scale(1.07)}.project__wrapper:hover .project__wrapper--bg{opacity:.7}.project__wrapper:hover .project__description{opacity:1;transform:translateY(-50%)}.project__description--title{font-size:36px}.project__description--subtitle{margin-top:8px}.project__description--para{margin:16px 0;line-height:1.5}.project__description--link{color:#fff;margin-right:16px;font-size:20px}.footer__container{justify-content:center;align-items:center;margin:auto;display:flex}footer{z-index:0;background-color:#5e17eb;width:100%;max-width:1200px;display:flex;position:relative;bottom:0}.footer__row{flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding:4px;display:flex}.footer__logo--wrapper{margin-bottom:6px}.footer__logo--img{width:120px;filter:hue-rotate(var(--value,360deg));--value:90deg;padding:4px}.footer__social--link,.footer__copyright,.footer__logo--popper{color:#fff;background-color:#5e17eb;border:#5e17eb;padding:16px;font-size:16px}.footer__copyright{font-size:12px}.footer__social--list{justify-content:space-around;width:100%;max-width:550px;padding-bottom:12px;display:flex}.shape{max-width:100px;position:fixed}.shape--0{top:15vh;left:10vw}.shape--1{top:15vh;left:50vw}.shape--2{top:15vh;left:80vw}.shape--3{top:40vh;left:10vw}.shape--4{top:40vh;left:50vw}.shape--5{top:40vh;left:80vw}.shape--6{top:65vh;left:10vw}.shape--7{top:65vh;left:50vw}.shape--8{top:65vh;left:80vw}@media (width<=768px){.title{font-size:80px}.section__title{font-size:24px}.header__para{font-size:20px}.project__summary--img{display:flexbox;grid-template-columns:repeat(1,1fr);gap:20px;padding-bottom:120px}.modal{border-radius:0;flex-direction:column;width:100%;height:auto;top:0;left:0;transform:none}.modal__half{width:100%}}@media (width<=480px){.title{font-size:52px}.header__para{font-size:18px}.project__description--para{display:none}.project__description{text-align:center;width:100%;padding:0;left:0}.project__description--subtitle{margin-bottom:8px}.modal__half{padding:40px}}