*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}.background{display:block;height:100vh;object-fit:cover;width:100%}.hero-text{background-color:#000000b3;border-radius:10px;color:beige;left:50%;max-width:600px;padding:20px;position:absolute;text-align:center;top:40%;transform:translate(-50%,-40%);width:90%;z-index:2}.hero-text h1{font-size:3rem;margin-bottom:.5rem}.hero-text h2{font-size:2rem;font-weight:400}.toggle-button{bottom:30px;position:absolute;text-align:center;width:100%;z-index:3}.toggle-button button{background-color:#f60;border:none;border-radius:5px;color:#02282d;cursor:pointer;font-size:1rem;padding:10px 20px}.toggle-button button:hover{background-color:#e65c00}.page-container{color:#02282d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:auto;max-width:100%;padding:60px 20px;text-align:center}.page-container p{font-size:1.1rem;line-height:1.7;margin-bottom:15px}.skills-container{background-color:#f7fefe;font-family:Arial,sans-serif;padding:20px;text-align:center}.skills-container h1{color:#f60;font-size:2.5rem;margin-bottom:20px}.cards-wrapper{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.skill-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:20px;transition:transform .3s,box-shadow .3s;width:250px}.skill-card:hover{box-shadow:0 8px 16px #0003;transform:scale(1.05)}.skill-card h2{color:#444;margin-bottom:20px}.page-container h1{color:#f60;font-size:2.5rem;margin-bottom:20px}.skill-card p{color:#444;font-size:14px}.skill-icon{color:#f60;font-size:40px;margin-bottom:15px}@media (max-width:768px){.cards-wrapper{flex-direction:column;gap:10px}.skill-card{width:80%}}@media (max-width:480px){.skill-card{width:100%}}.contact-container{background-color:#f7efe5;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#02282d;font-family:Segoe UI,sans-serif;margin:50px auto;max-width:500px;padding:25px}.contact-container h2{color:#02282d;margin-bottom:20px;text-align:center}.contact-form{display:flex;flex-direction:column}.contact-form label{font-weight:600;margin-bottom:5px;margin-top:10px}.contact-form input,.contact-form textarea{background-color:#fff;border:1px solid #ccc;border-radius:8px;color:#02282d;font-size:16px;padding:10px}.contact-form input:focus,.contact-form textarea:focus{border-color:#f60;outline:none}.contact-form button{background-color:#f60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px;transition:background-color .3s}.contact-form button:hover{background-color:#e65c00}.status-message{border-radius:8px;font-weight:700;margin-top:15px;padding:10px;text-align:center}.status-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}*{box-sizing:border-box;margin:0;padding:0}.navbar{background-color:#02282d;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between}.logo{color:#f60;font-size:1.5rem;font-weight:700}.menu-icon{color:#fff;cursor:pointer;display:none;font-size:1.8rem}.nav-links{display:flex;gap:1.5rem;list-style:none}.nav-links li a{color:#fff;font-size:1rem;text-decoration:none;transition:color .3s ease}.nav-links li a:hover{color:#f60}@media (max-width:768px){.menu-icon{display:block}.nav-links{align-items:center;background-color:#02282d;flex-direction:column;gap:2rem;height:100vh;justify-content:center;padding:2rem 1rem;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:50vw;z-index:999}.nav-links.active{transform:translateX(0)}}.floating-icons{display:flex;flex-direction:column;gap:10px;left:0;position:fixed;top:50%;transform:translateY(-50%);z-index:999}.floating-icons a{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 5px #0003;color:#000;display:flex;font-size:18px;height:40px;justify-content:center;text-decoration:none;transition:transform .3s;width:40px}.floating-icons a:hover{transform:scale(1.1)}.floating-icons .whatsapp{color:#25d366}.floating-icons .linkedin{color:#0077b5}.floating-icons .facebook{color:#3b5998}.floating-icons .instagram{color:#c13584}body,html{overflow-x:hidden;width:100%}
/*# sourceMappingURL=main.eb49e693.css.map*/