:root{--primary-color:#00bb84;--secondary-color:#02ba64;--card-color:#2c574a8c;--text-color:#fff;--background-color:#000;--font-size-large:60px;--font-size-medium:18px}.light-theme{--primary-color:#00796b;--card-color:#e0f2f1;--secondary-color:#004d40;--text-color:#212121;--background-color:#fff}#theme-toggle{font-size:24px;cursor:pointer;color:var(--text-color);position:fixed;top:20px;right:20px;z-index:3;transition:color .3s;display:block}#theme-toggle:hover{color:var(--primary-color)}*{margin:0;padding:0;font-family:Poppins,sans-serif;box-sizing:border-box;list-style:none;text-decoration:none}html{scroll-behavior:smooth}body{background-color:var(--background-color);color:var(--text-color)}.header{width:100%;height:100vh;background-image:url(../images/hero-.png);background-size:cover;background-position:50%}.container{padding:10px 10%}.nav{display:flex;align-items:center;justify-content:space-between}.logo{width:290px}.nav__list li{display:inline-block;margin:10px 20px}.nav__list li a{display:inline-flex;align-items:center;gap:8px;color:var(--text-color);font-size:var(--font-size-medium);text-decoration:none;transition:color .3s}.nav__list li a i{font-size:20px}.nav__list li a:hover,.nav__list li a i{color:var(--primary-color)}.nav__link{color:var(--text-color);font-size:var(--font-size-medium);position:relative}.nav__link:after{content:"";width:0;height:3px;background:var(--primary-color);border-radius:10px;position:absolute;left:0;bottom:-6px;transition:.5s}.nav__link:hover:after{width:100%}.header__text{margin-top:10%;font-size:30px}.header__subtitle{font-size:var(--font-size-large);font-weight:600;color:var(--text-color)}.text-revels{position:relative;overflow:hidden}.text{position:relative;opacity:0;animation:a 5s ease-in-out 2s forwards}@keyframes a{0%{opacity:0}to{opacity:1;text-shadow:3px 3px 5px var(--primary-color)}}.header__title{font-size:var(--font-size-large);margin-top:30px;margin-bottom:20px}.header__name{color:var(--secondary-color)}.header__description{font-size:var(--font-size-medium)}p{line-height:1.5}.about{padding:80px 0;color:var(--text-color)}.row{display:flex;justify-content:space-between}.about__col-1{flex-basis:35%}.about__col-1 img{width:100%;border-radius:15px}.about__col-2{padding-left:18px;flex-basis:60%}.about h2.sub__title{font-size:var(--font-size-large);font-weight:600;color:var(--text-color)}.tab__titles{display:flex;margin:20px 0 0 40px}.tab__links{margin-right:50px;font-size:var(--font-size-medium);font-weight:500;cursor:pointer;position:relative}.tab__links:after{content:"";width:0;height:3px;background:var(--primary-color);position:absolute;left:0;bottom:-8px;transition:.5s}.tab__links.active-link:after{width:50%}.tab__contents ul li{margin:30px 0 10px}.tab__contents ul li span{color:var(--secondary-color);font-size:20px}.tab__contents ul li i{padding:8px;color:#ababab;font-size:48px}.tab__contents ul li i:hover{color:var(--primary-color);transform:translateY(-5px)}.tooltip{position:relative;display:inline-block;margin-right:15px;cursor:pointer}.tooltip .tooltip-text{width:350px;position:absolute;top:90%;left:50%;transform:translateX(-50%);background-color:rgba(0,187,132,.9);color:var(--text-color);padding:5px 10px;border-radius:5px;font-size:14px;z-index:4;opacity:0;transition:opacity .4s}.tooltip:hover .tooltip-text{opacity:1}.tab__contents{display:none}.tab__contents.active-tab{display:block}#portfolio{padding:50px 0}.work__list{flex-direction:column;gap:40px;margin-top:30px}.card,.work__list{display:flex;align-items:center}.card{justify-content:space-between;width:80%;height:80vh;background:var(--card-color);border-radius:10px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.2);transform:scale(.9);position:relative}.card,.card__image{opacity:0;transition:opacity .8s ease,transform .8s ease}.card__image{flex:1;max-width:50%;transform:scale(.5)}.card__image img{padding-left:10px;width:100%;height:auto;border-radius:5%;object-fit:cover}.card__content{flex:1;padding:20px;color:var(--text-color);text-align:left;position:relative}.card__title{font-size:24px;margin-bottom:10px;color:var(--primary-color);opacity:0;transform:translateX(-100px);transition:opacity .8s ease,transform .8s ease}.card__description{font-size:16px;line-height:1.5;margin-bottom:15px;opacity:0;transform:translateX(50px);transition:opacity .8s ease,transform 2.8s ease}.card__link{display:inline-flex;align-items:center;gap:8px;color:var(--primary-color);font-size:16px;text-decoration:none;opacity:0;transform:translateY(70px);transition:opacity .8s ease,transform 1.8s ease}.card__link:hover{color:var(--secondary-color)}.card.visible,.card.visible .card__image{opacity:1;transform:scale(1)}.card.visible .card__description,.card.visible .card__title{opacity:1;transform:translateX(0)}.card.visible .card__link{opacity:1;transform:translateY(0)}.btn.btn2,.btn .btn2{display:inline-block}.btn.btn2{margin:50px auto;width:fit-content;background-color:var(--primary-color);border:1px solid var(--primary-color);padding:14px 50px;border-radius:6px;color:var(--text-color);transition:background .5s;position:relative;overflow:hidden}.btn:hover{background:#137c5c}.btn2{position:relative}.spinner{position:absolute;top:50%;left:50%;width:20px;height:20px;border:3px solid var(--text-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:b 1s linear infinite;transform:translate(-50%,-50%);display:none}@keyframes b{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn2.loading .spinner{display:inline-block}.btn2.loading .button-text{visibility:hidden}.contact__left{flex-basis:35%}.contact__right{flex-basis:60%}.contact__left p{margin-top:30px}.contact__left p i{margin-right:15px;font-size:25px;color:var(--primary-color)}.social__icons{margin-top:30px}.social__icons a{font-size:30px;margin-right:15px;display:inline-block;color:var(--text-color);transition:transform .5s}.social__icons a:hover{color:var(--primary-color);transform:translateY(-5px)}.contact__right form{width:100%}form input,form textarea{width:100%;border:0;outline:none;background:var(--card-color);padding:15px;margin:15px 0;color:var(--text-color);font-size:var(--font-size-medium);border-radius:6px}form .btn2{padding:14px;font-size:var(--font-size-medium);margin-top:20px;cursor:pointer}.copyright{width:100%;text-align:center;padding:25px 0;border:1px solid var(--primary-color);font-weight:300;margin-top:20px}.nav i{display:none}@media only screen and (max-width:600px){#header{background:var(--background-color)}.fa-solid.fa-bars:before{position:fixed}.header__subtitle,.sub__title{font-size:40px}.nav__list{background:rgba(0,187,132,.9);color:var(--text-color);position:fixed;top:0;right:-200px;width:200px;height:100dvh;padding-top:50px;z-index:2;transition:right .5s}.nav__list li{display:block;margin:25px}.nav i{display:block;font-size:25px}.header__text{font-size:16px}.header__text h1{font-size:30px}nav ul i{position:absolute;top:25px;left:25px;cursor:pointer}.row{display:block}.about h2.sub__title{margin:18px 0;font-size:50px}.tab__titles{margin:20px 0;display:flex;justify-content:center}.tab__titles p{margin-bottom:12px}.tab__links{margin:10px}.tab__links.active-link:after{width:50%}.tooltip{display:inline-flex;justify-content:space-around}.tooltip .tooltip-text{width:auto;left:50%;z-index:1}.card{flex-direction:column;height:auto}.card__image{max-width:100%;flex:none}.card__image img{width:100%;height:auto;padding:10px;border-radius:10px}.card__content{padding:15px;text-align:center}.card__title{font-size:20px}.card__description,.card__link{font-size:14px}}#msg{color:#ababab;margin-top:-40px;display:block}