.about-me{display:flex;align-items:center;justify-content:center;min-height:90vh;height:auto;text-align:center}.about-me .profile-container{max-width:100%;display:flex;padding:0 170px;justify-content:center;align-items:center;height:auto;gap:25px}.about-me .profile-container:hover{cursor:pointer}.about-me .profile-container .profile-text{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.about-me .profile-container .profile-text h1{font-size:3rem;font-weight:700;background:linear-gradient(180deg,#0f766e,#59ce8f);-webkit-background-clip:text;background-clip:text;color:transparent}.about-me .profile-container .profile-text p{margin:1rem 0;font-size:1.2rem;color:#fff}.about-me .profile-container .sorting-container{display:flex;align-items:flex-end;justify-content:space-between;background-color:#000;height:100%}.about-me .profile-container .sorting-container:hover{animation:shake .3s ease-in-out;cursor:pointer}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.about-me .profile-container .sorting-container div{transition:height .2s ease;border-radius:5px;background:linear-gradient(135deg,#0f766e,#59ce8f);box-shadow:0 4px 6px #0000004d}.about-me .profile-container .sorting-container div.sorted{background-color:#0f766e}@media (max-width: 1300px){.about-me .profile-container{padding:0 100px;gap:20px}.about-me .profile-container .profile-text h1{font-size:2.5rem}.about-me .profile-container .profile-text p{margin:.8rem 0;font-size:1rem}}@media (max-width: 1000px){.about-me .profile-container{padding:0 140px;gap:0px}.about-me .profile-container .profile-text h1{font-size:3.8rem}.about-me .profile-container .profile-text p{margin:2.2rem 0;line-height:1.3;word-spacing:3px;font-size:2rem;color:#fff}}@media (max-width: 820px){.about-me .profile-container{padding:0 80px;gap:0px}.about-me .profile-container .profile-text h1{font-size:3.3rem}.about-me .profile-container .profile-text p{margin:1rem 0;font-size:1.8rem}}@media (max-width: 600px){.about-me .profile-container{padding:0 30px}.about-me .profile-container .profile-text h1{font-size:2.5rem}.about-me .profile-container .profile-text p{margin:1rem 0;word-spacing:normal;font-size:1.5rem}}@media (max-width: 1000px) and (orientation: landscape){.about-me .profile-container{padding:0 30px}.about-me .profile-container .profile-text h1{font-size:2.5rem}.about-me .profile-container .profile-text p{margin:1rem 0;word-spacing:normal;font-size:1.5rem}}.skills{text-align:center;padding:4rem 2rem}.skills .section-title{font-size:2rem;margin-bottom:2rem;font-weight:700;background:linear-gradient(180deg,#0f766e,#59ce8f);-webkit-background-clip:text;background-clip:text;color:transparent}.skills .skills-list{display:flex;justify-content:center;gap:2rem}.skills .skills-list .skill{display:flex;flex-direction:column;align-items:center}.skills .skills-list .skill .icon{font-size:3rem;color:#0f766e}.skills .skills-list .skill p{margin-top:.5rem;font-size:1.2rem}@media (max-width: 1100px){.skills .skills-list{gap:1.1rem}.skills .skills-list .skill .icon{font-size:1.7rem;color:#0f766e}.skills .skills-list .skill p{margin-top:.3rem;font-size:1rem}}@media (max-width: 940px){.skills .skills-list{gap:1rem}.skills .skills-list .skill .icon{font-size:1.5rem;color:#0f766e}.skills .skills-list .skill p{margin-top:.2rem;font-size:.7rem}}@media (max-width: 700px){.skills .skills-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.skills .skills-list .skill .icon{font-size:2rem}.skills .skills-list .skill p{margin-top:.5rem;font-size:1rem}}@media (max-width: 500px){.skills .skills-list{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.skills .skills-list .skill .icon{font-size:2.2rem}.skills .skills-list .skill p{margin-top:.4rem;font-size:.9rem}}.projects{display:flex;align-items:center;justify-content:center;flex-direction:column}.projects .buttons{margin:10px 0;padding:8px 7px}.projects .button-2-container{display:flex;justify-content:right}.projects p{font-size:20px;text-indent:55px}.projects ul{margin-top:7px;padding-left:20px;font-size:17px}.projects h2{font-weight:700;background:linear-gradient(180deg,#0f766e,#59ce8f);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:7px}.projects .project-section{display:flex;align-items:center;width:1400px;height:350px;justify-content:space-between;margin:3rem 0;padding:0}.projects .project-section .project-description{flex:1}.projects .project-section .slider{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:row;height:100%}.projects .project-section .slider img{height:290px;width:570px;margin:0 4px}.projects .project-section .slider img.type2{object-fit:contain}.projects .project-section .slider .right-arrow,.projects .project-section .slider .left-arrow{font-size:30px;padding:0;color:#dbdbdb;-webkit-user-select:none;user-select:none;cursor:pointer}.projects .project-section.reverse{flex-direction:row-reverse}@media (max-width: 1400px){.projects .buttons{margin:10px 0;padding:6px}.projects p{font-size:16px;text-indent:55px}.projects ul{margin-top:7px;padding-left:20px;font-size:15px}.projects .project-section{width:1200px;height:320px;margin:2.5rem 0;padding:0}.projects .project-section .slider img{height:270px;width:510px;margin:0 4px}}@media (max-width: 1260px){.projects .buttons{margin:10px 0;padding:3px;font-size:11px}.projects p{font-size:14px;text-indent:50px}.projects ul{margin-top:5px;padding-left:17px;font-size:12px}.projects .project-section{width:1000px;height:270px;margin:2rem 0}.projects .project-section .slider img{height:230px;width:480px;margin:0 4px}}@media (max-width: 1160px){.projects .buttons{margin:10px 0;padding:4px;font-size:14px}.projects p{font-size:20px;text-indent:50px}.projects ul{margin-top:5px;padding-left:17px;font-size:17px}.projects .project-section{flex-direction:column;width:auto;height:auto;margin:0;padding:20px 25px}.projects .project-section .slider img{height:290px;width:540px;margin:0 4px}.projects .project-section.reverse{flex-direction:column}}@media (max-width: 806px){.projects .buttons{margin:10px 0;padding:4px;font-size:14px}.projects p{font-size:20px;text-indent:50px}.projects ul{margin-top:5px;padding-left:17px;font-size:17px}.projects .project-section{flex-direction:column;width:auto;height:auto;padding:20px 25px}.projects .project-section .slider img{height:270px;width:510px;margin:0 4px}}@media (max-width: 590px){.projects p{font-size:13px;text-indent:40px}.projects ul{padding-left:14px;font-size:13px}.projects .project-section{width:auto;height:auto;padding:15px 20px}.projects .project-section .slider img{height:230px;width:430px;margin:0 4px}}@media (max-width: 500px){.projects .buttons{margin:8px 0;padding:3px;font-size:11px}.projects .project-section{width:auto;height:auto;padding:10px 16px}.projects .project-section .slider img{height:165px;width:300px}}.contact{text-align:center;padding:4rem 0;padding-top:20px;padding-bottom:30px}.contact .contact-links{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap}.contact .contact-links a{display:flex;align-items:center;gap:1rem;text-decoration:none;color:#1e8a85;font-size:1.5rem;transition:transform .2s,color .3s}.contact .contact-links a:hover{transform:scale(1.1)}.contact .contact-links .contact-icon{font-size:2rem}@media (max-width: 690px){.contact .contact-links{gap:2rem}.contact .contact-links a{gap:.5rem;font-size:1.1rem}.contact .contact-links .contact-icon{font-size:1.3rem}}body{font-family:Inter,sans-serif;color:#fff;background-color:#000;margin:0;padding:0;scroll-behavior:smooth;font-family:Arial,sans-serif}body .buttons{display:inline-block;background-color:#0f766e;color:#fff;padding:.7rem 1.5rem;border-radius:5px;text-decoration:none;font-weight:700;margin:3px 10px;transition:background-color .3s}body .buttons:hover{background-color:#59ce8f}@media (max-width: 1300px){body .buttons{padding:.5rem 1.2rem}}.navbar{width:100%;background-color:#000;display:flex;padding:15px 0;z-index:1000;position:sticky;top:0;height:50px}.navbar ul{list-style:none;display:flex;width:100%;justify-content:center;align-items:center;gap:2rem;padding:0}.navbar ul li a{text-decoration:none;font-weight:700;background:linear-gradient(180deg,#0f766e,#59ce8f);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:22px;transition:color .3s}.navbar ul li a:hover{color:#036241}@media (max-width: 500px){.navbar ul{gap:1.3rem;padding:0}.navbar ul li a{font-size:19px}}