@import"https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100200300400500600700&display=swap";@import"https://fonts.googleapis.com/css2?family=Birthstone&display=swap";.hero{height:100vh;background-size:cover;background-position:center;background-image:linear-gradient(to bottom,#eaeaee,#edf1f7bf),url(/assets/bg-DjcqEKkb.png);display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:30px 100px}.hero .title{font-size:clamp(1.5rem,6vw,5rem);color:#f48bae}.hero .subtitle{font-size:clamp(1rem,3vw,1.5rem);padding:10px 150px}@media (max-width: 920px){.hero .subtitle{padding:10px}}.social{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:40px}.social-btn{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;background-color:#fff;box-shadow:0 4px 6px #0000001a;transition:transform .3s;text-decoration:none;font-size:1.5rem}.social-btn:hover{transform:scale(1.1)}.header{display:flex;justify-content:center;align-items:center;justify-content:space-between;padding:5px 40px;background-color:#eaeaee;position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 2px 8px #0000000d}.header .logo{width:clamp(30px,10%,50px)}.header .logo-name{color:#252a34;font-size:2.5rem;font-family:Birthstone,cursive}.navbar{position:relative;display:flex;align-items:center}.navbar .nav-menu{list-style:none;display:flex;align-items:center;gap:2rem}.navbar .nav-menu .nav-link{display:inline-block;text-decoration:none;color:#252a34;font-weight:700;font-size:1rem;transition:transform .3s ease-in-out}.navbar .nav-menu .nav-link:hover{transform:scale(1.1)}@media (max-width: 768px){.navbar .nav-menu{flex-direction:column;align-items:center;position:absolute;top:70px;right:0;background:#fff;width:200px;padding:1.5rem 0;border-radius:15px;box-shadow:0 4px 10px #0000001a;transition:all .3s ease;transform:translate(100%);opacity:0;pointer-events:none}.navbar .nav-menu.open{transform:translate(0);opacity:1;pointer-events:all}}.navbar .hamburger{width:28px;height:22px;display:none;flex-direction:column;justify-content:space-between;background:none;border:none;cursor:pointer;z-index:1001;padding:0}.navbar .hamburger span{width:100%;height:3px;background-color:#f48bae;border-radius:3px;transition:all .3s ease}.navbar .hamburger.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.navbar .hamburger.active span:nth-child(2){opacity:0}.navbar .hamburger.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media (max-width: 768px){.navbar .hamburger{display:flex}.navbar .nav-menu{gap:1.2rem}}.about{background-color:#eaeaee}.about .container{display:flex;justify-content:center;align-items:center;align-items:stretch;gap:70px;font-size:1.125rem}.about .container .about-img{display:flex;justify-content:center;align-items:center}.about .container .about-img img{width:300px;height:300px;border-radius:50%;object-fit:cover;aspect-ratio:1/1}@media (max-width: 920px){.about .container{flex-direction:column}}.about .column{padding:40px 30px;background-color:#fff;border-radius:15px}.about .column p{margin-bottom:15px}.about .column span{color:#f48bae;font-weight:700;font-size:1.25rem}.skills{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.tag{border-radius:30px;box-shadow:5px 8px 16px -12px #eaeaee;padding:12px 25px;transition:transform .3s}.tag:hover{border-color:#f48bae;background-color:#ffeff5;transform:scale(1.1)}.text p{text-align:center;margin-top:40px}.projects{background-color:#eaeaee}.projects-cards{display:flex;justify-content:center;align-items:center;align-items:flex-start;flex-wrap:wrap;gap:40px;margin:0 auto}.card{background-color:#fff;display:flex;flex-direction:column;flex:0 1 calc(50% - 24px);max-width:560px;border-radius:15px;overflow:hidden;transition:.8s}@media (max-width: 900px){.card{flex:0 1 100%}}.card .div-img{overflow:hidden;height:192px;position:relative}.card img{width:100%;position:absolute;top:-45px}.card:hover{box-shadow:9px 18px 50px -7px #f48bae4a}.content{padding:30px 20px;min-height:250px}.content .title{font-weight:700;padding-bottom:10px;font-size:1.25rem}.content .desc{padding-bottom:15px}.content .tags-project{display:flex;justify-content:center;align-items:center;justify-content:flex-start;gap:5px;flex-wrap:wrap}.content .tags-project span{background-color:#ffeff5;border-radius:15px;padding:5px 11px;font-size:.875rem;color:#f48bae;font-weight:700}.btn-cards{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:30px;padding:0 20px}.btn-cards a{flex:1;text-decoration:none;color:#252a34;background-color:#eaeaee;border-radius:15px;transition:.3s;padding:9px 14px;width:100%;text-align:center}.btn-cards a:hover{background-color:#ffeff5}.btn-cards a:last-child{background-color:#f48bae;color:#fff}.btn-cards a:last-child svg{fill:#fff}.btn-cards a:last-child:hover{background-color:#f4c0d2}.btn-cards a span{margin-right:7px}.contact-content{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:40px}.contact-content>p{font-size:1.25rem;text-align:center}.info{display:flex;justify-content:center;align-items:center;gap:40px}.info>a{text-decoration:none;width:250px;height:auto;padding:30px 15px;gap:8px;border-radius:15px;transition:transform .5s;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column}.info>a:hover{transform:scale(1.1);box-shadow:3px 11px 54px -53px #000,25px 10px 14px 11px #0000}.info>a>span{background-color:#252a34;padding:8px 10px;border-radius:10px}.info>a>span>svg{width:22px;height:auto;display:flex;justify-content:center;align-items:center}.info>a>span>svg>path{color:#fff}.info>a :nth-child(2){font-weight:700;padding-top:10px}@media (max-width: 900px){.info{flex-direction:column;gap:30px}}*{padding:0;margin:0;box-sizing:border-box;font-family:Fira Sans,sans-serif;color:#252a34}a,svg{transition:.4s}.sections{margin:auto;width:80%;padding-bottom:60px}.sections__title{padding:40px 0;font-size:2.5rem;text-align:center}.sections__title span{color:#f48bae}
