#home{padding-left:50px;margin-top:-5%;padding-top:10%;font-family:var(--galada_font);font-weight:400;font-style:normal;font-size:70px}#home h3{font-size:30px;margin-bottom:10px;color:var(--sc);margin-top:60px}#home h1{font-size:28px;margin:10px 0;color:var(--color);text-shadow:0 1px 1px #333,2px -1px 1px #333}#home p{max-width:600px;font-size:18px;line-height:1.6;color:var(--sc)}#home b{color:var(--color);text-shadow:0 1px 1px #333,2px -1px 1px #333}.mypicture{width:350px;height:350px;object-fit:contain;display:block;margin-left:-9px;margin-top:-9px;scroll-behavior:smooth;opacity:80%}.image_border,.mypicture{position:absolute;border-radius:50%}.image_border{width:330px;height:330px;box-shadow:5px 5px 40px var(--color),-5px -5px 40px var(--color);margin-left:60%;margin-top:80px;transition:2s ease;animation:bounce 7s ease-in-out infinite}.typing{color:var(--color);font-size:35px;text-shadow:0 1px 1px darkblue,2px -1px 1px darkblue}.typing:after{content:"|";animation:blink .7s infinite;margin-left:-5px}@keyframes blink{0%,50%{opacity:60%}50.01%,to{opacity:0}}@keyframes gradientBack{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width:885px){#home h3{margin-left:-35px;width:100%;font-size:1.6rem}#home h3 span{font-size:1.7rem}.mypicture{width:300px;height:300px}.image_border{margin-top:150px;right:20px;width:280px;height:280px}#home h1{font-size:1.3rem}#home h1,#home p{margin-left:-35px}#home p{font-size:1.1rem;margin-top:30px;width:60%}}@media (max-width:480px){#home h3{margin-top:40px;width:500%;font-size:1.1rem}#home h3 span{font-size:1.2rem}.mypicture{width:300px;height:300px}.image_border{left:-180px;margin-top:150px;right:20px;width:280px;height:280px}#home h1{font-size:1rem;width:80%}#home p{margin-top:95%;font-size:1rem;padding:auto;text-align:left;width:100%}}@media (max-width:395px){.image_border{left:-165px;margin-top:120px;right:20px;width:250px;height:250px}.mypicture{width:270px;height:270px}}#SocailIcons{width:20px;height:20px;margin-left:250px;margin-top:50px;transform:translate(-50%,-50%);display:flex;justify-content:space-around;gap:30px;font-family:var(--galada_font)}.icons{width:80px;height:50px;background:#fff;border-radius:50%;cursor:pointer;outline:none;border:none;z-index:-1}.iconName,.icons{text-align:center}.iconName{position:absolute;top:-40px;font-size:12px;color:#fff;transform:scale(0);border-radius:3px;padding:3px;transition:transform .3s ease}.icons.instaIcon:hover .iconName{transform:scale(1);left:-10px;background:linear-gradient(30deg,#0000ff,#f56040)}.icons.linkedin:hover .iconName{transform:scale(1);left:72px;background:#0274b3}.icons.whatsapp:hover .iconName{transform:scale(1);left:145px;background:#25d366;z-index:999}.icons.youtube:hover .iconName{transform:scale(1);left:185px;background:#ff0000}.icon{padding-top:5px;z-index:1;display:inline-block;width:45px;height:45px;text-align:center;border-radius:50%;position:relative;overflow:hidden;border:none;font-size:20px;outline:none;transition:color .3s ease;color:#0c0c0c}.icon:hover{color:#fff}.icon:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;border-radius:50%;transform:rotateX(1turn);transition:height .3s ease;z-index:-1}.icon:hover:before{height:100%;z-index:1}.icon:hover{box-shadow:5px 5px 10px #181717ce}ul{position:absolute;list-style:none;margin-left:415px;margin-top:-30px}.example-2{display:flex;justify-content:center;align-items:center}.example-2 .icon-content{margin:0 10px;position:relative;font-family:var(--galada_font)}.example-2 .icon-content .tooltip{position:absolute;top:-30px;left:50%;transform:translateX(-50%);color:#fff;padding:6px 10px;border-radius:5px;opacity:0;visibility:hidden;font-size:14px;transition:all .3s ease}.example-2 .icon-content:hover .tooltip{opacity:1;visibility:visible;top:-35px}.example-2 .icon-content a{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;color:#0c0c0c;background-color:#fff;transition:all .3s ease-in-out}.example-2 .icon-content a:hover{box-shadow:3px 2px 45px 0 rgb(0 0 0/12%)}.example-2 .icon-content a svg{position:relative;z-index:1;width:30px;height:30px}.example-2 .icon-content a:hover{color:white}.example-2 .icon-content a .filled{position:absolute;top:auto;bottom:0;left:0;width:100%;height:0;background-color:#000;transition:all .3s ease-in-out}.example-2 .icon-content a:hover .filled{height:100%}.example-2 .icon-content a[data-social=github] .filled,.example-2 .icon-content a[data-social=github]~.tooltip{background-color:#24262a}.icon.insta:before{z-index:-1;background:linear-gradient(40deg,#0000ff,#f56040)}.icon.link:before{z-index:-1;background:#0274b3}.icon.whats:before{z-index:-1;background:#25d366}.hero-icon2{display:none}button{position:absolute;padding:12px 35px;background:var(--color);font-size:18px;margin-left:50px;font-weight:700;color:#181818;border:3px solid var(--color);border-radius:8px;box-shadow:0 0 0 #129888;transition:all .3s ease-in-out;cursor:pointer;margin-top:25px;font-family:var(--galada_font)}.star-1{top:20%;left:20%;width:25px;transition:all 1s cubic-bezier(.05,.83,.43,.96)}.star-1,.star-2{position:absolute;height:auto;filter:drop-shadow(0 0 0 var(--color));z-index:-5}.star-2{top:45%;left:45%;width:15px;transition:all 1s cubic-bezier(0,.4,0,1.01)}.star-3{top:40%;width:5px;transition:all 1s cubic-bezier(0,.4,0,1.01)}.star-3,.star-4{position:absolute;left:40%;height:auto;filter:drop-shadow(0 0 0 var(--color));z-index:-5}.star-4{top:20%;width:8px;transition:all .8s cubic-bezier(0,.4,0,1.01)}.star-5{top:25%;left:45%;width:15px;transition:all .6s cubic-bezier(0,.4,0,1.01)}.star-5,.star-6{position:absolute;height:auto;filter:drop-shadow(0 0 0 var(--color));z-index:-5}.star-6{top:5%;left:50%;width:5px;transition:all .8s ease}.lets-talk:hover{background:transparent;color:var(--color);box-shadow:0 0 25px #068979;text-shadow:0 1px 1px darkblue}button:hover .star-1{top:-80%;left:-30%;width:25px}button:hover .star-1,button:hover .star-2{position:absolute;height:auto;filter:drop-shadow(0 0 10px var(--color));z-index:2}button:hover .star-2{top:-25%;left:10%;width:15px}button:hover .star-3{top:55%;left:25%;width:5px}button:hover .star-3,button:hover .star-4{position:absolute;height:auto;filter:drop-shadow(0 0 10px var(--color));z-index:2}button:hover .star-4{top:30%;left:80%;width:8px}button:hover .star-5{top:25%;left:115%;width:15px}button:hover .star-5,button:hover .star-6{position:absolute;height:auto;filter:drop-shadow(0 0 10px var(--color));z-index:2}button:hover .star-6{top:5%;left:60%;width:5px}.fil0{fill:var(--color)}@media (max-width:885px){.lets-talk{padding:10px 25px;font-size:15px}ul{margin-left:365px}#SocailIcons{margin-left:200px}}@media (max-width:480px){.lets-talk{margin-left:20px;padding:5px 15px;font-size:15px}.example-2{display:none}.hero-icon2{position:absolute;display:block;display:flex;gap:20px;margin-left:140px;margin-top:27px}#SocailIcons{display:none}.hero-icon2 a{width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:28px;color:var(--sc);text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.hero-icon2 a:before{content:"";position:absolute;width:100%;height:100%;top:100%;left:0;background:var(--clr);z-index:-1;transition:.4s}.hero-icon2 a:hover:before{top:0;width:40px}.hero-icon2 a:hover{transform:translateY(-8px) scale(1.1);box-shadow:0 8px 25px var(--clr)}.facebook{--clr:#1877f2}.whatsapp{--clr:#25d366}.tiktok{--clr:#ff0050}.github{--clr:#333}.github:hover{color:var(--si)}}.container{padding:40px 20px 40px 50px;text-align:center;font-family:var(--galada_font);display:grid;grid-template-columns:repeat(5,2fr);grid-gap:20px;gap:20px;animation:fadeSlide .5s forwards}#technology_card{height:200px}#skills{background:linear-gradient(71deg,var(--b3),var(--b2),var(--b1));background-clip:padding-box;margin-top:100px}.container-card .skills_heading{margin-top:3%}.skill_card{width:150px;height:120px;border-radius:5px;padding:10px;transition:all .3s ease;position:relative;overflow:hidden}.skill_card:hover{background:linear-gradient(315deg,rgba(101,0,94,.66) 3%,rgba(60,133,206,.516) 38%,rgba(48,238,225,.504) 68%,rgba(0,0,0,.1) 98%);background-size:400% 400%;animation:gradient 5s ease infinite}.skill_card img{width:50px;height:50px;float:left;margin-top:10px;margin-left:10px;transition:transform .3s ease}.skill_card h2{font-size:19px}.skill_card h2,.skill_card p{padding-left:70px;margin:5px 0;color:var(--sc)}.skill_card:hover img{animation:quickFlip 1s linear;position:absolute;left:50px}#skills hr{margin-top:-20px}.skill_card:hover h2,.skill_card:hover p{opacity:0}.skill_card:hover .progress_bar,.skill_card:hover .text_progress{opacity:1}.progress_bar{position:relative;height:3px;width:100%;background:#ddd;border-radius:5px;margin-top:35px;overflow:hidden;opacity:0}.progress_fill{height:100%;background:var(--hover);width:0;transition:width .3s ease}.text_progress{color:var(--hover);font-size:15px;position:relative;top:-45px;font-weight:700;opacity:0;text-shadow:0 1px 1px #333,2px -1px 1px #333}.hidden{opacity:0}.skill_pro_edu{margin-left:7%}.inactive{position:relative;border:3px solid var(--hover);height:100px;color:var(--sc);border-radius:50px 0;font-size:2rem;width:300px;background-color:transparent;z-index:9;box-shadow:4px 4px 5px var(--hover),-4px -4px 5px var(--hover)}.skill_pro_edu button:hover{box-shadow:inset 4px 5px var(--hover),inset -4px 5px var(--hover);text-shadow:none;color:var(--sc)}.active_card{position:relative;border:3px solid var(--hover);height:100px;border-radius:50px 0;font-size:2rem;width:300px;background-color:var(-color);z-index:9;color:var(--sc);box-shadow:4px 4px 5px var(--hover),-4px -4px 5px var(--hover);text-shadow:none}.skills-section{text-align:center;padding:50px 20px;margin-top:-80px;margin-left:-35px;border-radius:20px}.skills-section,.title{color:var(--sc);font-family:var(--galada_font)}.title{font-size:35px;margin-bottom:20px}.circle-grid{display:flex;justify-content:center;align-items:center;gap:30px;flex-wrap:nowrap;margin-top:30px;overflow-x:auto;padding-bottom:10px}.circle-card{border-radius:20px;padding:30px;width:220px;height:260px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.circle-svg{transform:rotate(-90deg)}.bg-ring{stroke:#333;opacity:.4}.progress-ring{stroke:var(--hover);stroke-linecap:round;stroke-dasharray:0;stroke-dashoffset:0}.percent{position:absolute;top:35%;left:50%;transform:translate(-50%,-70%);font-size:2rem;font-weight:700;color:var(--hover)}.percent,.skill-name{text-shadow:0 1px 2px #000}.skill-name{margin-top:20px;font-size:1.3rem;font-weight:600;color:var(--sc)}.edu-cards-wrapper{overflow:hidden;transition:transform .5s ease}.education-card{background:var(--lm);border-radius:15px;padding:15px;box-shadow:0 10px 25px rgba(0,0,0,.1);text-align:center;transition:transform .4s ease,box-shadow .3s ease;display:flex;flex:0 0 300px;flex-direction:column;transform:translateY(20px);opacity:0;margin-left:30px;justify-content:flex-start;border:2px solid transparent;min-height:220px;width:400px;animation:fadeSlide .5s forwards}.education-card:hover{transform:translateY(-8px);border:2px solid #17cab5}.education-card img{width:100%;height:200px;border-radius:10px;margin-bottom:15px}.education-card h3{font-size:1rem;font-weight:700;color:var(--sc);margin:5px 0}.education-card p{font-size:.9rem;color:#555;margin:2px 0}.tablet .right{margin-right:-50px}.tablet .left,.tablet .right{z-index:2}@keyframes fadeSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes quickFlip{0%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}to{transform:rotateY(0deg)}}@keyframes gradient{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@media (max-width:885px){.container{padding-left:50px;grid-template-columns:repeat(3,2fr);gap:20px}.skill_pro_edu{margin-left:2%;display:flex;gap:30px}.skill_pro_edu button{width:170px;margin-left:40px}.skill_pro_edu button:hover{background:rgba(1,193,193,.132);box-shadow:none;text-shadow:none;color:var(--sc)}.circle-grid{display:grid;grid-template-columns:repeat(2,2fr);padding-left:50px}.circle-card{width:200px;height:240px}.skill-name{font-size:1.7rem}.tablet .left,.tablet .right{display:none}.edu-slider{margin-left:-70px;width:750px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}}.edu-cards-wrapper{display:flex;gap:20px;width:100%;justify-content:center;margin-left:15px}@media (max-width:768px){.education-card{flex:1 1 100%;max-width:100%}}@media (max-width:481px){.container{padding-left:20px;margin-left:-10px;grid-template-columns:repeat(2,2fr);gap:30px}.skill_pro_edu{display:flex;gap:30px}.skill_pro_edu button{margin-left:0;max-width:130px}.skill_pro_edu button:hover{background:rgba(1,193,193,.132);text-shadow:none;color:var(--sc)}.skill_pro_edu button i{margin-left:-10px}.circle-grid{display:grid;grid-template-columns:repeat(2,2fr);margin-left:-95px;grid-gap:10px;gap:10px}.skill-name{font-size:1.3rem}.edu-cards-wrapper{gap:20px;width:100%;margin-left:15px}.tablet .left,.tablet .right{display:none}.edu-slider{margin-left:-40px;width:420px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}}@media (max-width:431px){.skill_pro_edu button{margin-left:5px;max-width:110px}.container{padding-left:8%;gap:20px}.circle-grid{margin-left:-100px;gap:0}.edu-cards-wrapper{margin-left:0}}@media (max-width:410px){.skill_pro_edu button{max-width:100px}.container{padding-left:7%;gap:10px}.circle-grid{margin-left:-100px;gap:0;display:grid;grid-template-columns:repeat(1,2fr);margin-left:1%;grid-gap:10px;gap:10px}.skill_pro_edu button i{margin-left:-7px}}@media (max-width:365px){.skill_pro_edu button{max-width:90px}.container{gap:0;padding-left:5.5%}}