body{background-color:whitesmoke;margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}html{scroll-behavior:smooth}.section{padding-top:90px;min-height:calc(90vh - 90px);flex-direction:column}.header,.section{display:flex;justify-content:center;align-items:center}.header{width:100%;height:80px;background-color:#00c4cc;position:fixed;top:0;left:0;z-index:1000}.mid-header{width:90%;height:100%;justify-content:space-between}.logo,.mid-header{display:flex;align-items:center}.logo{width:150px;height:70px;justify-content:center}.logo h1{font-size:1.5rem;color:black;font-weight:600;text-transform:uppercase;margin:0;padding:0}.menu{width:900px;height:100%;display:flex;justify-content:flex-end;align-items:center}.menu-list{display:flex;gap:1rem;padding:0;margin:0}.menu-list li a{color:inherit;font-weight:500;color:black;text-transform:uppercase;position:relative;text-decoration:none;padding-bottom:5px}.menu-list li a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:white;transition:.3s ease}.menu-list li a.active:after,.menu-list li a:hover:after{width:100%}.home-cover{width:100%;height:400px;margin-top:100px;background-color:whitesmoke}.home-cover,.home-small{display:flex;justify-content:center;align-items:center}.home-small{width:80%;height:100%}.home-left{width:70%;height:100%;justify-content:space-evenly;flex-direction:column;padding:20px}.hi-text,.home-left{display:flex;align-items:center}.hi-text{width:100%;height:10%;justify-content:start;font-size:1.2rem;color:darkgrey;font-weight:500}.name-text{height:13%;font-size:2rem;font-weight:500}.name-text,.position{width:100%;display:flex;justify-content:start;align-items:center;color:black}.position{height:19%;font-size:3rem;font-weight:800;text-transform:uppercase}.fade-in-letter{opacity:0;display:inline-block;animation:fadeIn .4s forwards}@keyframes fadeIn{to{opacity:1}}.animated-text{color:#00c4cc}.describtion{width:100%;height:59%;display:flex;justify-content:start;align-items:center}.describtion p{font-size:1.1rem;color:darkgray;font-weight:500}.home-right{width:30%;height:100%}.home-right,.my-photo{display:flex;justify-content:center;align-items:center}.my-photo{width:95%;height:95%;border-radius:50%}.my-photo img{width:100%;height:100%;border-radius:50%;object-fit:cover}.about-me-cover{width:100%;height:400px;margin-top:30px;background-color:whitesmoke}.about-me-cover,.about-me-small{display:flex;justify-content:center;align-items:center}.about-me-small{width:80%;height:100%}.about-me-left{width:40%;height:100%;display:flex;justify-content:center;align-items:center}.about-me-left img{width:90%;height:90%;border-radius:4px}.about-me-right{width:60%;justify-content:center}.about-me,.about-me-right{height:100%;display:flex;align-items:center}.about-me{width:100%;justify-content:start;flex-direction:column}.about-me p{font-size:1.1rem;color:darkgrey;font-weight:500}.about-text{height:80px;justify-content:start;font-size:1.2rem;font-weight:300;font-size:2.5rem;color:black;font-weight:500}.about-text,.skills-container{width:100%;display:flex;align-items:center}.skills-container{height:500px;justify-content:center}.skill-small-cover{width:50%;height:100%;flex-direction:column}.skill-small-cover,.skills-title{display:flex;justify-content:center;align-items:center}.skills-title{width:100%;height:10%;font-size:2.5rem;font-weight:500;color:black}.skills-describtions{width:100%;height:90%;justify-content:space-evenly}.prog-skill,.skills-describtions{display:flex;align-items:center;flex-direction:column}.prog-skill{width:90%;height:35px;justify-content:center}.prog-name{width:100%;height:70%;display:flex;justify-content:space-between;align-items:center}.sub-prog-name{justify-content:start}.sub-prog-name,.sub-prog-percentage{width:100px;height:100%;display:flex;align-items:center;color:black;font-weight:600}.sub-prog-percentage{justify-content:end}.prog-percentage{width:100%;height:30%;background-color:rgb(205,197,197);display:flex;justify-content:flex-start;text-align:center;border-radius:4px}.prog-bar{width:0;height:100%;border-radius:4px;background-color:#00c4cc;transition:width 1.2s ease-out}.prog-bar.animate{width:80%}.projects-container{width:100%;height:700px;display:flex;justify-content:center;align-items:center}.project-small{width:80%;height:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:column}.project-title{width:100%;height:10%;color:black;font-weight:500;font-size:2.5rem}.project-describtion-text,.project-title{display:flex;justify-content:center;align-items:center}.project-describtion-text{width:80%;height:15%}.project-describtion-text p{font-size:1.1rem;color:darkgray;font-weight:500}.project-card-cover{width:100%;height:70%;display:flex;justify-content:space-between;align-items:center;flex-direction:column}.select-button{width:400px;height:10%;display:flex;justify-content:center;align-items:center}.glass-radio-group{--bg:rgba(255,255,255,0.09);--text:#e5e5e5;display:flex;position:relative;background:var(--bg);border-radius:1rem;backdrop-filter:blur(12px);box-shadow:inset 1px 1px 4px rgba(255,255,255,.2),inset -1px -1px 6px rgba(0,0,0,.3),0 4px 12px rgba(0,0,0,.15);overflow:hidden;width:fit-content}.glass-radio-group input{display:none}.glass-radio-group label{flex:1;display:flex;align-items:center;justify-content:center;min-width:80px;font-size:14px;padding:.7rem 1.6rem;cursor:pointer;font-weight:600;letter-spacing:.3px;color:var(--text);position:relative;z-index:2;transition:color .3s ease-in-out}.glass-radio-group label:hover{color:white}.glass-glider{position:absolute;top:0;bottom:0;width:calc(100% / 3);border-radius:1rem;z-index:1;transition:transform .5s cubic-bezier(.37,1.95,.66,.56),background .4s ease-in-out,box-shadow .4s ease-in-out}.glass-radio-group #glass-silver:checked+label{color:black}.glass-radio-group input:checked+label{background-color:#00c4cc;color:#fff;border-radius:1rem}.glass-radio-group input:checked+label,.glass-radio-group label,.glass-radio-group label:hover{color:black}.project-card{width:90%;height:85%;display:flex;justify-content:center;align-items:center}.ui-card{width:95%;height:95%;gap:3.5rem}.ui-card,.ui-card-one{display:flex;justify-content:space-between;align-items:center}.ui-card-one{width:55%;flex-direction:column;box-shadow:0 8px 24px rgba(46,3,3,.1)}.project-images,.ui-card-one{height:100%;border-radius:8px}.project-images{width:100%;display:flex;justify-content:center;align-items:center}.project-images img{width:100%;height:100%;border-top-left-radius:8px;border-top-right-radius:8px;object-fit:fill}.project-text{width:90%;height:15%;border-bottom-left-radius:8px;border-bottom-right-radius:8px;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.project-text h2,.project-text p{color:black;font-weight:500;font-size:1rem}.app-card-one{width:16%;height:100%;flex-direction:column;box-shadow:0 8px 24px rgba(46,3,3,.1);border-bottom-right-radius:8px;border-bottom-left-radius:8px}.app-card-images,.app-card-one{display:flex;justify-content:center;align-items:center}.app-card-images{height:85%}.app-card-images,.app-card-images img{width:100%;border-top-right-radius:8px;border-top-left-radius:8px}.app-card-images img{height:100%;object-fit:fill}.app-card-text{width:90%;height:15%;border-bottom-right-radius:8px;border-bottom-left-radius:8px;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.app-card-text h2,.app-card-text p{color:black;font-weight:500;font-size:1rem}.contact-me-container{width:100%;height:450px;display:flex;justify-content:center;align-items:center}.contact-me-cover{width:60%;background-color:#00c4cc}.contact-left,.contact-me-cover{height:100%;display:flex;justify-content:center;align-items:center}.contact-left{width:50%;flex-direction:column}.contact-title{width:100%;height:25%;display:flex;justify-content:center;align-items:center}.contact-title h1{font-size:2.5rem;font-weight:600;color:white;text-transform:uppercase}.contact-social{width:60%;height:20%;display:flex;justify-content:space-evenly;align-items:center}.contact-social-box{width:50px;height:50px;border-radius:8px}.contact-right,.contact-social-box{background-color:#00c4cc;display:flex;justify-content:center;align-items:center}.contact-right{width:50%;height:100%}.contact-form{display:flex;flex-direction:column;gap:16px;width:100%;max-width:350px;background:#00c4cc;padding:24px;border-radius:8px;box-shadow:0 8px 24px rgba(46,3,3,.08)}.form-group label{font-weight:500;margin-bottom:4px;display:block;color:#fff}.form-group input,.form-group textarea{width:100%;padding:8px 12px;border:1px solid #fff;border-radius:4px;font-size:1rem;color:white}.submit-btn{background:#fff;color:#00c4cc;border:none;padding:10px 0;border-radius:4px;font-size:1rem;cursor:pointer;font-weight:600;transition:background .2s}.submit-btn:hover{background:#009fa3;color:white}.footer{width:100%;height:80px;background-color:#00c4cc;align-items:center}.footer,.footer p{display:flex;justify-content:flex-end}.footer p{font-size:.6rem;color:white;margin-right:20px}.scroll-to-top-btn{display:flex;justify-content:center;align-items:center;position:fixed;right:32px;bottom:64px;width:60px;height:60px;background:#00c4cc;color:#fff;border:none;border-radius:50%;font-size:2rem;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.15);z-index:9999;transition:background .2s}.scroll-to-top-btn:hover{background:#009fa3}.location-container{width:100%;height:500px;background-color:#00c4cc;flex-direction:column}.location-container,.location-cover{display:flex;justify-content:center;align-items:center}.location-cover{width:50%;height:95%;background-color:whitesmoke}.certificates-container{width:100%;height:600px;margin-top:100px;display:flex;justify-content:space-between;align-items:center;flex-direction:column}.certificate-title{width:100%;height:15%;display:flex;justify-content:center;align-items:center}.certificate-title h2{font-size:2.5rem;font-weight:500;color:black}.certificate-text-desc{width:50%;height:20%;display:flex;justify-content:center;align-items:center}.certificate-text-desc p{font-size:1.1rem;color:darkgray;font-weight:500}.certificate-card{width:60%;height:65%;display:flex;justify-content:center;align-items:center}.certificate-card-left{width:50%;height:100%}.certificate-card-item,.certificate-card-left{display:flex;justify-content:space-evenly;align-items:center;flex-direction:column}.certificate-card-item{width:90%;height:150px;background-color:whitesmoke;border-radius:8px;box-shadow:1px 1px 4px black}.title-of-certi{width:90%;height:40%;display:flex;justify-content:flex-start;align-items:center}.title-of-certi h2{font-size:1.2rem;font-weight:500;color:black}.button-of-certi{width:90%;height:35%;justify-content:flex-start}.button-of-certi,.image-modal{display:flex;align-items:center}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);justify-content:center;z-index:9999}.modal-image{max-width:90%;max-height:90%;border-radius:10px}.close-btn{position:absolute;top:20px;right:30px;font-size:40px;color:white;cursor:pointer;font-weight:700}.button-of-certi button{padding:8px 15px;background:#00c4cc;border:none;color:white;border-radius:5px;cursor:pointer}.button-of-certi button:hover{background:#009fa3}@media (max-width:600px){.section{padding-top:60px;min-height:calc(90vh - 90px);display:flex;justify-content:center;align-items:center;flex-direction:column}.header{height:60px}.mid-header{width:90%}.logo{width:100px;height:50px}.logo h1{font-size:1.2rem}.menu{width:450px}.menu-list{gap:1rem}.menu-list li a{font-size:.7rem}.home-cover{height:350px;margin-top:0}.home-small{width:95%}.home-left{width:60%}.hi-text{font-size:.7rem;height:10%}.name-text{font-size:1.2rem;height:12%}.position{font-size:1.5rem;height:15%}.describtion p{font-size:.7rem}.describtion{height:73%}.home-right{width:40%}.my-photo{width:200px;height:200px}.about-me-cover{height:250px}.about-me-small{width:95%}.about-text{height:50px;font-size:1.3rem}.about-me-left img{width:90%;height:80%}.about-me h2{font-size:1.3rem}.about-me p{font-size:.7rem}.skill-small-cover{width:90%;height:100%}.skills-title{font-size:1.3rem}.sub-prog-name,.sub-prog-percentage{font-size:.6rem}.prog-percentage{height:20%}.projects-container{height:400px}.project-title{height:50px;font-size:1.3rem}.project-describtion-text{width:100%}.project-describtion-text p{font-size:.7rem}.project-card-cover{height:auto}.select-button{height:80px}.glass-radio-group{height:40px}.project-card{width:90%;height:180px}.project-text{height:50px}.project-text h2,.project-text p{font-size:.7rem}.ui-card{gap:1rem}.app-card-one{width:30%}.app-card-text h2,.app-card-text p{font-size:.45rem}.contact-me-container{height:400px}.contact-me-cover{width:90%;height:100%}.contact-title h1{font-size:1.3rem}.contact-social{height:30px}.contact-social-box{width:30px;height:30px}.contact-social-box svg{width:20px!important;height:20px!important}.contact-form{padding:16px;gap:16px}.form-group label{font-size:.7rem}.submit-btn{height:40px;padding:0;font-size:.8rem}.location-container{height:300px}.location-cover{width:95%;height:95%}.footer{height:50px}.scroll-to-top-btn{width:30px;height:30px}.scroll-to-top-btn svg{width:20px!important;height:20px!important}}@media (min-width:601px) and (max-width:900px){.section{padding-top:70px;min-height:calc(90vh - 70px)}.header{height:70px}.mid-header{width:95%}.logo{width:120px;height:60px}.logo h1{font-size:1.4rem}.menu{width:600px}.menu-list{gap:1.5rem}.menu-list li a{font-size:.9rem}.home-cover{height:300px}.home-small{width:90%}.home-left{width:65%}.hi-text{font-size:1rem}.name-text{font-size:1.5rem}.position{font-size:2rem}.describtion p{font-size:.9rem}.home-right{width:35%}.my-photo{width:160px;height:160px}.about-me-cover{height:200px}.about-me-small{width:90%}.about-text{height:40px;font-size:1.5rem}.about-me-left img{width:80%;height:70%}.about-me h2{font-size:1.1rem}.about-me p{font-size:.9rem}.skill-small-cover{width:80%}.skills-title{font-size:1.7rem}.sub-prog-name,.sub-prog-percentage{font-size:.8rem}.prog-percentage{height:18%}.projects-container{height:350px}.project-title{height:40px;font-size:1.7rem}.project-describtion-text{width:95%}.project-describtion-text p{font-size:.9rem}.project-card-cover{height:auto}.select-button{height:60px}.glass-radio-group{height:36px}.project-card{width:95%;height:140px}.project-text{height:40px}.project-text h2,.project-text p{font-size:.9rem}.ui-card{gap:2rem}.app-card-one{width:25%}.app-card-text h2,.app-card-text p{font-size:.7rem}.contact-me-container{height:350px}.contact-me-cover{width:85%}.contact-title h1{font-size:1.7rem}.contact-social{height:40px}.contact-social-box{width:40px;height:40px}.contact-social-box svg{width:28px;height:28px}.contact-form{padding:18px;gap:14px}.form-group label{font-size:.9rem}.submit-btn{height:36px;font-size:1rem}.location-container{height:220px}.location-cover{width:90%;height:90%}.footer{height:60px}.scroll-to-top-btn{width:40px;height:40px}.scroll-to-top-btn svg{width:28px;height:28px}}@media (min-width:901px) and (max-width:1200px){.section{padding-top:80px;min-height:calc(90vh - 80px)}.header{height:80px}.mid-header{width:98%}.logo{width:140px;height:65px}.logo h1{font-size:1.6rem}.menu{width:700px}.menu-list{gap:2rem}.menu-list li a{font-size:1rem}.home-cover{height:380px}.home-small{width:95%}.home-left{width:68%}.hi-text{font-size:1.1rem}.name-text{font-size:1.7rem}.position{font-size:2.3rem}.describtion p{font-size:1rem}.home-right{width:32%}.my-photo{width:180px;height:180px}.about-me-cover{height:300px}.about-me-small{width:95%}.about-text{height:60px;font-size:1.8rem}.about-me-left img{width:85%;height:80%}.about-me h2{font-size:1.5rem}.about-me p{font-size:1rem}.skill-small-cover{width:85%}.skills-title{font-size:2rem}.sub-prog-name,.sub-prog-percentage{font-size:1rem}.prog-percentage{height:22%}.projects-container{height:600px}.project-title{height:60px;font-size:2rem}.project-describtion-text{width:95%}.project-describtion-text p{font-size:1rem}.project-card-cover{height:auto}.select-button{height:90px}.glass-radio-group{height:48px}.project-card{width:95%;height:300px}.project-text{height:70px}.project-text h2,.project-text p{font-size:1.1rem}.ui-card{gap:2.5rem}.app-card-one{width:20%}.app-card-text h2,.app-card-text p{font-size:.9rem}.contact-me-container{height:350px}.contact-me-cover{width:80%}.contact-title h1{font-size:2rem}.contact-social{height:50px}.contact-social-box{width:50px;height:50px}.contact-social-box svg{width:32px;height:32px}.contact-form{padding:20px;gap:18px}.form-group label{font-size:1rem}.submit-btn{height:48px;font-size:1.1rem}.location-container{height:350px}.location-cover{width:80%;height:90%}.footer{height:70px}.scroll-to-top-btn{width:50px;height:50px}.scroll-to-top-btn svg{width:32px;height:32px}}@media (min-width:1201px){.section{padding-top:90px;min-height:calc(90vh - 90px)}.header{height:90px}.mid-header{width:90%}.logo{width:150px;height:70px}.logo h1{font-size:2rem}.menu{width:900px}.menu-list{gap:2.5rem}.menu-list li a{font-size:1.2rem}.home-cover{height:400px}.home-small{width:80%}.home-left{width:60%}.hi-text{font-size:1.2rem}.name-text{font-size:2rem}.position{font-size:3rem}.describtion p{font-size:1.1rem}.home-right{width:40%}.my-photo{width:400px}.about-me-cover,.my-photo{height:400px}.about-me-small{width:80%}.about-text{height:80px;font-size:2.5rem}.about-me-left img{width:90%;height:90%}.about-me h2{font-size:2rem}.about-me p{font-size:1.1rem}.skill-small-cover{width:50%}.skills-title{font-size:2.5rem}.sub-prog-name,.sub-prog-percentage{font-size:1.2rem}.prog-percentage{height:30%}.projects-container{height:700px}.project-title{height:80px;font-size:2.5rem}.project-describtion-text{width:80%}.project-describtion-text p{font-size:1.1rem}.project-card-cover{height:70%}.select-button{height:100px}.glass-radio-group{height:56px}.project-card{width:90%;height:85%}.project-text{height:80px}.project-text h2,.project-text p{font-size:1.2rem}.ui-card{gap:3.5rem}.app-card-one{width:16%}.app-card-text h2,.app-card-text p{font-size:1rem}.contact-me-container{height:500px}.contact-me-cover{width:60%}.contact-title h1{font-size:2.5rem}.contact-social{height:60px}.contact-social-box{width:60px;height:60px}.contact-social-box svg{width:40px;height:40px}.contact-form{padding:24px;gap:20px}.form-group label,.submit-btn{font-size:1.2rem}.submit-btn{height:56px}.location-container{height:500px}.location-cover{width:50%;height:95%}.footer{height:80px}.scroll-to-top-btn{width:60px;height:60px}.scroll-to-top-btn svg{width:40px;height:40px}}