@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Playwrite+ZA:wght@100..400&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Sour+Gummy:ital,wght@0,100..900;1,100..900&display=swap");*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#8976a4;--light-color:#ddd2e2;--dark-color:#41315d;--border-color:#4b3240}html{scroll-behavior:smooth}body{background-color:var(--light-color);font-family:poppins,serif;overflow-x:hidden}a{text-decoration:none;color:var(--dark-color)}li{list-style:none}header{display:flex;align-items:center;justify-content:space-between;padding:15px 25px;position:fixed;top:0;left:0;width:100%;background-color:#fff;z-index:1000;transition:transform .3s ease-in-out}main{margin-top:61.2px}.sign{font-family:Playwrite ZA,serif}header ul{display:flex;gap:30px;position:relative;left:20px}header ul li{cursor:pointer;transition:transform .3s ease,color .3s ease,border-bottom .3s ease;position:relative}header ul a li:hover{color:var(--primary-color);box-shadow:0 2px 0 var(--primary-color);transform:scale(1.05);transform-origin:center}header button{border-radius:20px;background-color:var(--primary-color);color:#fff;letter-spacing:1px;cursor:pointer;font-weight:600;padding:7px 13px;border:2px solid transparent;box-sizing:content-box;transition:all .3s linear}header button:hover{border:2px solid var(--primary-color);background-color:#fff}.hamburger{display:none;scale:1.5;cursor:pointer;position:relative;top:1px;width:30px;height:30px;border-radius:5px}.ham{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.hamburger:hover{background-color:var(--light-color)}.overlay{position:fixed;background-color:rgba(0,0,0,.3);height:100vh;width:100vw;top:0;left:0;z-index:10;overflow:hidden}@media (max-width:560px){header button{display:none}header ul{flex-direction:column;position:absolute;background-color:#fff;width:100%;transform:translateX(100%);opacity:0;pointer-events:none;top:61.2px;text-align:center;transition:transform .5s ease,opacity .5s ease;gap:0;overflow:hidden}header ul li{padding:10px}header ul.active{opacity:1;transform:translateX(0);left:0;right:0;pointer-events:all}header ul li:hover{box-shadow:none;background-color:var(--primary-color)}.hamburger{display:block}}#hero{display:flex;align-items:center;justify-content:space-between;padding:0 50px;width:90%;max-width:1200px;margin:0 auto}#hero_1,#hero_2{width:45%}#hero_2{display:flex;justify-content:flex-end}#hero h1{font-size:40px;font-family:Sour Gummy,serif;background:linear-gradient(to right,var(--dark-color),var(--border-color),var(--light-color),var(--border-color),var(--dark-color));background-size:300% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient 2.3s linear 2}@keyframes gradient{0%{background-position:100%}to{background-position:0}}#hero p{font-weight:300}#hero img{width:450px;height:450px}#hero .cta{display:flex;gap:20px;justify-content:flex-start;margin-top:40px}.cta{flex-wrap:wrap}.cta button{padding:10px;border-radius:5px;border:1px solid var(--dark-color);color:var(--light-color);background-color:var(--dark-color);cursor:pointer;font-weight:600;font-size:18px;transition:all .4s cubic-bezier(.19,1,.22,1)}.cta button:hover{color:var(--dark-color);background-color:var(--light-color)}@media (max-width:1100px){#hero{padding:0}}@media (max-width:1000px){#hero{flex-direction:column;margin-top:100px;padding:0 10px}#hero,#hero_2{align-items:center;justify-content:center}#hero_2{width:70%}#hero_1{width:100%;text-align:center;position:relative;top:50px}#hero .cta{justify-content:center}#hero p{width:90%;margin:0 auto}}@media (max-width:700px){#hero h1{font-size:35px}#hero p{font-size:15px}#hero img{width:400px;height:400px}}@media (max-width:350px){#hero img{width:350px;height:350px}}#bio{display:flex;flex-direction:column;gap:20px;padding:30px}#bio p{font-weight:300;font-size:18px;width:80%;max-width:1100px;margin:0 auto;background-color:var(--primary-color);border-radius:20px;color:var(--light-color);font-weight:500;padding:20px 20px 90px;-webkit-clip-path:polygon(0 0,100% 0,100% 85%,74% 85%,74% 100%,58% 85%,0 85%);clip-path:polygon(0 0,100% 0,100% 85%,74% 85%,74% 100%,58% 85%,0 85%)}#bio .cta{display:flex;gap:20px;align-items:center;justify-content:center}#bio_2 .cta button{height:50px;width:50px;background-color:var(--light-color);transition:all .7s cubic-bezier(.19,1,.22,1);padding:10px;border-radius:30px}#bio_2 .cta button img{height:20px;width:20px;position:relative;top:2px}#bio_2 .cta button:hover{background-color:var(--dark-color);border:1px solid #ddd2e2}@media (max-width:700px){#bio p{font-size:15px;padding-bottom:100px;width:100%;-webkit-clip-path:polygon(0 0,100% 0,100% 85%,75% 86%,75% 100%,53% 86%,0 86%);clip-path:polygon(0 0,100% 0,100% 85%,75% 86%,75% 100%,53% 86%,0 86%)}}.skills_heading{font-size:40px;text-transform:uppercase;text-align:center;margin:50px 0;font-family:Sour Gummy,serif;color:var(--border-color)}.skills{width:80%;overflow:hidden;position:relative;margin:50px auto 100px}.marque{display:flex;width:max-content;gap:40px;overflow:hidden;animation:marque 17s linear infinite}.skills:before{content:"";position:absolute;width:40%;height:100%;top:0;left:-10px;background:linear-gradient(to right,var(--light-color),transparent);pointer-events:none;z-index:1}.skill{background-color:#fff;padding:15px;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}.skill span{text-transform:capitalize;font-weight:500;text-align:center;position:relative;top:5px;font-size:12px}@keyframes marque{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.marque img{width:50px;height:50px}.skills:after{content:"";position:absolute;width:40%;height:100%;top:0;right:-10px;background:linear-gradient(to left,var(--light-color),transparent);pointer-events:none;z-index:1}@media (min-width:500px){.skill{padding:20px}.marque img{width:60px;height:60px}}@media (min-width:1020px){.marque{gap:70px}.marque img{width:70px;height:70px}}.prj_cta{margin-bottom:20px}.prj_opt{position:relative;padding-left:35px;cursor:pointer;font-size:18px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.prj_opt input[type=radio]{position:absolute;opacity:0;cursor:pointer}.prj_opt label{color:#333;font-size:16px;font-weight:500;margin-left:5px;text-transform:capitalize;cursor:pointer}.prj_opt input[type=radio]+label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;border:2px solid #555;background-color:transparent;transition:.3s}.prj_opt input[type=radio]:checked+label:before{background-color:var(--primary-color);border:2px solid var(--primary-color)}.prj_opt input[type=radio]:hover+label:before{border-color:var(--border-color)}#projects h1{text-align:center;color:var(--dark-color);text-transform:uppercase;font-family:Sour Gummy,serif;margin-top:50px;color:var(--border-color)}.prj_cta{display:flex;gap:20px;border-radius:20px;width:-moz-fit-content;width:fit-content;margin:10px auto}.projects{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:50px auto;gap:30px}.img,.prj img{height:200px;aspect-ratio:9/16;width:auto;margin:20px auto;border-radius:10px}.img{text-transform:uppercase;display:flex;align-items:center;justify-content:center;text-align:center;letter-spacing:2px;font-size:25px}.img_2{padding:20px}.img_2,.prj{background-color:#fff}.prj{width:300px;border-radius:9px;display:flex;flex-direction:column;box-shadow:0 2px 5px 0 rgba(50,50,105,.15),0 1px 1px 0 rgba(0,0,0,.05)}.prj_details p{font-size:12px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;max-height:150px;line-height:1.6}.prj_details{padding:0 20px}.prj_details h3{text-align:center;text-transform:capitalize;font-size:20px;margin-bottom:5px;font-family:Sour Gummy,serif}.prj_details button{padding:10px 15px;border-radius:5px;background-color:var(--primary-color);font-weight:600;border:none;cursor:pointer;margin:15px auto;font-family:exo\ 2,serif}.prj_details a button{color:#fff}.full_prj{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:100px auto;width:90%}.full_prj img{height:550px;aspect-ratio:9/16;width:auto;margin:10px auto;border:1px dotted var(--border-color);border-radius:10px}.full_prj h1{text-align:center;text-transform:uppercase;font-size:35px;font-family:Sour Gummy,serif;color:var(--dark-color);letter-spacing:2px;font-weight:800}.full_prj p{font-size:20px;text-align:center;font-weight:400;margin:30px auto;line-height:1.6}.btn{border:none;box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);cursor:pointer;transition:all .2s linear;background-color:var(--primary-color);color:#fff}.full_prj button{padding:20px 25px;font-weight:700;font-size:17px;border-radius:10px}.btn:hover{background-color:#8869b0;scale:1.03}@media (min-width:600px){.full_prj img{height:450px}}