.about{flex-wrap:wrap;min-height:100vh;display:flex;overflow-x:hidden}.about .about-pres{width:75%;padding:100px 50px}.about .about-pres .pres-title{border-bottom:5px solid var(--foreground);padding:0 0 1rem}.about .about-pres .pres-title h1{font-size:4rem}.about .about-pres .pres-desc{width:75%}.about .about-pres .pres-desc p{letter-spacing:2px;line-height:40px;font-family:var(--font-secondary);margin:24px 0;font-size:1.5rem}.about .about-pres .pres-desc .skill_contact{flex-direction:column;align-items:center;gap:2rem;margin-top:2rem;display:flex}.about .about-pres .pres-desc .skill_contact a{background:var(--foreground);color:var(--background);white-space:nowrap;cursor:pointer;border-radius:50px;justify-content:center;align-items:center;margin-bottom:2rem;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #6366f14d}.about .about-pres .pres-desc .skill_contact a span{opacity:0;padding-right:.5rem;transition:opacity .3s,transform .3s;display:none;transform:translateY(5px)}.about .about-pres .pres-desc .skill_contact a:hover{background:var(--second-color-pink);color:var(--foreground)}.about .about-pres .pres-desc .skill_contact a:hover span{opacity:1;display:block;transform:translateY(0)}.about .about-pres .pres-desc .skill_contact a:active{box-shadow:0 3px 10px #6366f166}.about .about-pics{width:25%;position:relative}.about .about-pics img{object-fit:cover;border-radius:0 0 0 50px;width:100%;height:100%;position:relative;top:0;left:0}@media (max-width:900px){.about{flex-direction:column}.about .about-pres{width:100%;padding:2rem}.about .about-pres .pres-desc{width:100%}.about .about-pres .pres-desc .skill_contact{flex-direction:column;gap:1.5rem}.about .about-pres .pres-desc .skill_contact a{width:100%;padding:.9rem 2rem}.about .about-pics{width:100%;height:auto;margin-bottom:2rem}.about .about-pics img{border-radius:0 0 0 20px;width:100%;height:auto;position:relative}}@media (max-width:500px){.about{flex-direction:column;min-height:auto;padding:2rem 1rem}.about .about-pres{width:100%;padding:2rem 1rem}.about .about-pres .pres-title{border-bottom:3px solid var(--foreground);padding-bottom:.5rem}.about .about-pres .pres-title h1{font-size:2.2rem}.about .about-pres .pres-desc{width:100%}.about .about-pres .pres-desc p{letter-spacing:1px;margin:1rem 0;font-size:1rem;line-height:1.6rem}.about .about-pres .pres-desc .skill_contact{gap:1rem;margin-top:1.5rem}.about .about-pres .pres-desc .skill_contact a{padding:.8rem 1.5rem;font-size:1rem}.about .about-pics{width:100%;height:auto;margin-bottom:1rem}.about .about-pics img{border-radius:0 0 0 20px;width:100%;height:auto;position:relative}}
.skill-carousel{width:100%;max-width:1000px;font-family:var(--font-secondary);margin:0 auto;overflow:hidden}.skill-carousel .carousel-container{border-radius:15px;justify-content:space-between;align-items:center;gap:1rem;padding:5px;display:flex}.skill-carousel .carousel-container .carousel-button{background-color:var(--foreground);width:40px;height:40px;color:var(--background);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.skill-carousel .carousel-container .carousel-button .icon{width:24px;height:24px}.skill-carousel .carousel-container .carousel-button:hover:not(:disabled){background-color:var(--second-color-pink);color:var(--foreground);transform:scale(1.1)}.skill-carousel .carousel-container .carousel-button:disabled{opacity:.3;cursor:not-allowed}.skill-carousel .carousel-container .carousel-button:active:not(:disabled){transform:scale(.95)}.skill-carousel .carousel-container .tags-wrapper{flex:1;justify-content:center;align-items:center;gap:1rem;min-height:50px;display:flex;overflow:hidden}.skill-carousel .carousel-container .tags-wrapper .tag{background:var(--foreground);color:var(--background);white-space:nowrap;text-align:center;border-radius:25px;flex:1 0 calc(25% - 1rem);padding:.5rem 1.2rem;font-size:.9rem;font-weight:600;transition:transform .2s}.skill-carousel .carousel-container .tags-wrapper .tag:hover{background-color:var(--second-color-pink);color:var(--foreground);transform:translateY(-2px)}.skill-carousel .pagination-dots{justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;display:flex}.skill-carousel .pagination-dots .dot{background-color:var(--foreground);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;transition:all .3s}.skill-carousel .pagination-dots .dot:hover{background-color:#0006}.skill-carousel .pagination-dots .dot.active{background:var(--second-color-pink);border:1px solid var(--foreground);border-radius:4px;width:24px}.skill-carousel .tags-wrapper.slide-right .tag{animation:.35s both slideFromRight}.skill-carousel .tags-wrapper.slide-left .tag{animation:.35s both slideFromLeft}@keyframes slideFromRight{0%{opacity:0;transform:translate(25px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-25px)}to{opacity:1;transform:translate(0)}}@media (max-width:768px){.skill-carousel .carousel-container,.skill-carousel .carousel-container .tags-wrapper{gap:.75rem}.skill-carousel .carousel-container .tags-wrapper .tag{flex:1 0 calc(33.33% - .75rem);padding:.4rem 1rem;font-size:.85rem}.skill-carousel .carousel-container .carousel-button{width:35px;height:35px}.skill-carousel .carousel-container .carousel-button .icon{width:20px;height:20px}}@media (max-width:500px){.skill-carousel .carousel-container,.skill-carousel .carousel-container .tags-wrapper{gap:.5rem}.skill-carousel .carousel-container .tags-wrapper .tag{flex:1 0 calc(50% - .5rem);padding:.35rem .85rem;font-size:.8rem}.skill-carousel .carousel-container .carousel-button{width:30px;height:30px}.skill-carousel .carousel-container .carousel-button .icon{width:18px;height:18px}}