.hidden{opacity:0;transform:translate(-100%);transition:all 1s}.contact__form{transform:translateY(100%)}.show{opacity:1;filter:blur(0);transform:translate(0)}@media (prefers-reduced-motion){.hidden{transition:none}}.contact__social-box:nth-child(2){transition-delay:.2s}.contact__social-box:nth-child(3){transition-delay:.4s}.contact__social-box:nth-child(4){transition-delay:.6s}.skill:nth-child(2){transition-delay:.2s}.skill:nth-child(3){transition-delay:.4s}.skill:nth-child(4){transition-delay:.6s}.project:nth-child(2){transition-delay:.2s}.project:nth-child(3){transition-delay:.4s}.project:nth-child(4){transition-delay:.6s}.about__container:nth-child(2){transition-delay:.2s}.about__container:nth-child(3){transition-delay:.4s}.about__container:nth-child(4){transition-delay:.6s}.about__textbox:nth-child(2){transition-delay:.2s}.about__textbox:nth-child(3){transition-delay:.4s}.about__textbox:nth-child(4){transition-delay:.6s}:root{--color-background: #1e293b;--color-white: #f2f4fb;--color-light: #94a3b8;--color-primary: #44cbb1;--container-width-lg: 75%;--container-width-md: 86%;--container-width-sm: 90%;--transition: all .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;text-decoration:none}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{font-family:Poppins,sans-serif;font-weight:400;font-size:1rem;line-height:1.7;color:var(--color-white);background-color:var(--color-background)}.container{width:var(--container-width-lg);margin:0 auto}h1,h2,h3,h4,h5{font-weight:500}h1{font-size:2.5rem}.hero{max-height:100vh}section{margin-top:8rem;min-height:100vh}section>h2,section>h5{text-align:center;color:var(--color-light)}section>h2{color:var(--color-primary);margin-bottom:3rem}.text-light{color:var(--color-light)}a{color:var(--color-primary);transition:var(--transition);cursor:pointer}a:hover{color:var(--color-white)}.btn{font-size:1.15rem;width:max-content;display:inline-block;color:var(--color-primary);padding:12px 19.2px;border-radius:.4rem;cursor:pointer;background:transparent;border:1px solid var(--color-primary);transition:var(--transition)}.btn-primary{font-size:1.15rem;width:max-content;display:inline-block;padding:10px 15px;border-radius:.4rem;cursor:pointer;border:1px solid var(--color-primary);transition:var(--transition);background:var(--color-primary);color:var(--color-background)}.btn:hover{background:var(--color-primary);color:var(--color-background)}img{display:block;min-width:100%;object-fit:cover}@media screen and (max-width: 1024px){.container{width:var(--container-width-md)}section{margin-top:6rem}}@media screen and (max-width: 600px){.container{width:var(--container-width-sm)}section>h2{margin-bottom:2rem}}.header{min-height:70px;background:var(--color-background)}.header__container{min-height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.header__list{display:flex;list-style-type:none}.header__list-item{padding:0 10px}.header__list-link{color:#fff;text-decoration:none}.header__logotext{text-decoration:none;color:var(--color-theme);font-weight:600;font-size:2.5rem}.navdialog{background:rgba(0,0,0,.3);width:max-content;padding:25px 5px;z-index:2;position:fixed;display:flex;flex-direction:column;gap:20px;border-radius:48px;backdrop-filter:blur(15px);margin-left:10px;top:25vh}.icon{background:transparent;padding:14.4px;border-radius:50%;color:var(--color-light)}.icon:hover{background:rgba(0,0,0,.3)}.icon.active{background:var(--color-background);color:var(--color-white)}@media screen and (max-width: 600px){.navdialog{background:red;display:none}}.socials{display:flex;flex-direction:column;align-items:center;gap:12.8px;bottom:48px;font-size:22px;position:fixed;left:0;padding-left:30px;z-index:1}.socials:after{content:"";min-width:1px;min-height:32px;background:var(--color-primary)}@media screen and (max-width: 600px){.socials{display:none}}.hero{display:grid;place-items:center;margin:0}.hero__span-text{color:var(--color-primary)}.hero__bottom-text{padding-left:100px;padding-right:100px;padding-bottom:45px}.hero__container{display:flex;align-items:center;justify-content:center;flex-direction:column}@media screen and (max-width: 1024px){.hero{height:68vh}}@media screen and (max-width: 600px){.hero{height:100vh}}.about__title{font-weight:600;color:var(--color-primary)}.about__desc{margin-right:100px}.about__container{display:flex}.about__img{border-radius:50%;aspect-ratio:1/1;max-width:200px}.about__skill{font-family:Poppins;font-weight:500}.project{padding-right:150px;padding-left:150px}.projectCont__container{padding:40px;border:3px solid var(--color-primary);background:rgba(0,0,0,.08);border-radius:16px;margin-top:25px}.projectCont__title{color:var(--color-white)}.projectCont__btn{font-size:15.6px}.projectCont__description{font-weight:400;color:var(--color-light);padding:10px}.contact__container{display:flex;flex-direction:column;gap:80px}.contact__social-cards{display:flex;align-items:center;justify-content:center;gap:20px}.contact__social-box{color:var(--color-white)}.contact__form{margin-bottom:90px}.contactCont__icon{font-size:32px}.contactCont__box{display:flex;flex-direction:column;gap:18px;background:rgba(0,0,0,.1);padding:18px;border-radius:16px;border:3px solid transparent;text-align:center;cursor:pointer;min-width:280px;min-height:190px}.contactCont__box:hover{background:transparent;border-color:var(--color-primary);transition:var(--transition)}.contact-form__title{padding-bottom:15px;text-align:center}.contact-form__container{padding:50px;border-radius:16px;background:rgba(0,0,0,.1)}.contact-form__form{display:flex;flex-direction:column;gap:20px;align-items:center}.contact-form__input-field{min-width:100%;padding:15px;border-radius:16px;background:rgba(0,0,0,.1);border:none;color:var(--color-white);font-family:Poppins,sans-serif;font-size:.95rem}.contact-form__textarea{resize:none;min-height:130px}.footer{background:rgba(0,0,0,.3);text-align:center;padding-top:80px;padding-bottom:30px}.footer__footer .footer__link{color:var(--color-light)}.footer__logoarea{padding-bottom:20px}.footer__logo{font-size:2rem;font-weight:600;color:var(--color-white)}.footer__links{display:flex;flex-wrap:wrap;justify-content:center;gap:32px;margin:0 auto 48px;list-style-type:none}.footer__source-code-area{position:absolute;right:0;padding-right:10px}.footer__source-code{color:var(--color-light);text-decoration:underline}