@font-face {font-family: 'Amsterdam Four';src: url('../fonts/AmsterdamFour.woff2') format('woff2'), url('../fonts/AmsterdamFour.woff') format('woff');font-weight: normal;font-style: normal;}body {margin: 0;font-family: 'Georgia', serif;color: #FFD034;background: linear-gradient(to bottom, #C45980 20%, #C45980 40%, #273755 80%);background-attachment: fixed;line-height: 1.8;}body::before {content: "";background: url('../../images/background1.png') repeat;background-size: 200px 200px;opacity: 0.12;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: -1;pointer-events: none;}body {opacity: 0;transition: opacity 0.6s ease-in-out;}body.fade-in {opacity: 1;}.hidden{display: none;}header {background-color: #C45980;padding: 20px 0;}.header-container {display: flex;justify-content: space-between;align-items: center;width: 90%;max-width: 1200px;margin: 0 auto;}.site-name {font-family: 'Amsterdam Four', cursive;font-size: 1.8rem;color: #FFD034;}.menu-icon {position: auto;top: 3px;right: 80px;width: 60px;height: 60px;cursor: pointer;z-index: 1100;display: flex;flex-direction: column;align-items: center;}.menu-icon img {width: 100%;height: auto;}.menu-icon img:hover {animation: pulse 0.6s ease-in-out infinite alternate;}@keyframes pulse {from {transform: scale(1);}to {transform: scale(1.1);}}.menu-icon img.rotate {transform: rotate(90deg);transition: transform 0.3s ease-in-out;}.side-menu {position: fixed;top: 0;right: -250px;width: 250px;height: 100%;background: rgba(196, 89, 128, 0.8);display: flex;flex-direction: column;padding-top: 100px;transition: right 0.3s ease;z-index: 1000;}.side-menu a {color: #FFD034;font-family: 'Georgia', serif;font-size: 1.2rem;text-decoration: none;padding: 15px 20px;position: relative;z-index: 1;}.side-menu a:hover {background: #FFD034;color: #273755;}.side-menu.open {right: 0;}h1{text-align: center;}.about {max-width: 900px;margin: 20px auto;padding: 20px;color: #FFD034;}.about-content {display: flex;justify-content: center;align-items: flex-start;gap: 50px;margin-top: 40px;}.about-content img {width: 450px;border: 3px solid #C45980;box-shadow: 0 0 25px rgba(255, 208, 52, 0.6);border-radius: 50%;transition: transform 0.3s ease;}.text p {background-color: #FFD034;color: #273755;padding: 20px;border-radius: 15px;opacity: 0;transform: translateY(15px);animation: fadeInText 0.8s ease forwards;animation-delay: 0.3s;}@keyframes fadeInText {to {opacity: 1;transform: translateY(0);}}@media (max-width: 768px) {.about-content {flex-direction: column;align-items: center;gap: 30px;text-align: center;}.about-content img {width: 70%;max-width: 300px;}.text p {font-size: 1rem;padding: 15px;}}.tools {text-align: center;padding: 60px 20px;}.tools h1 {font-family: 'Amsterdam Four', cursive;font-size: 2.2rem;margin-bottom: 50px;color: #FFD034;border-bottom: 3px solid #C45980;display: inline-block;padding-bottom: 10px;}.tools-grid {display: flex;flex-wrap: wrap;justify-content: center;gap: 50px;}.tool-item img {width: 100px;height: 100px;object-fit: contain;transition: transform 0.3s ease;}.tool-item img:hover {transform: scale(1.05);}.services {max-width: 1000px;margin: 60px auto;padding: 20px;text-align: center;}.services h1 {font-family: 'Amsterdam Four', cursive;font-size: 2.5rem;margin-bottom: 10px;color: #FFD034;border-bottom: 3px solid #C45980;display: inline-block;padding-bottom: 10px;}.services .intro {font-size: 1.1rem;margin-bottom: 40px;color: #FFD034;}.service-list {display: flex;flex-direction: column;gap: 40px;align-items: center;}.service-card {background: #FFD034;padding: 2rem;border-radius: 10px;box-shadow: 0 4px 15px rgba(0,0,0,0.1);width: 80%;max-width: 600px;opacity: 0;transform: translateY(50px);transition: opacity 0.6s ease, transform 0.6s ease;}.service-card.show {opacity: 1;transform: translateY(0);}.service-card:hover {transform: translateY(-5px);box-shadow: 0 8px 25px rgba(0,0,0,0.2);}.service-card h3 {font-family: 'Georgia', cursive;font-size: 1.4rem;color: #273755;}.service-card p {font-size: 1rem;color: #273755;}.contact {max-width: 700px;margin: 80px auto;padding: 20px;text-align: center;}.contact h1 {font-family: 'Amsterdam Four', cursive;font-size: 2.5rem;margin-bottom: 20px;color: #FFD034;border-bottom: 3px solid #C45980;display: inline-block;padding-bottom: 10px;}.contact-info a {color: #FFD034;text-decoration: underline;}.contact-form input, .contact-form textarea {padding: 15px;border: 2px solid #C45980;border-radius: 10px;font-size: 1rem;background-color: #FFF9E6;color: #273755;margin-bottom: 15px;width: 100%;}.contact-form button {font-family: 'Amsterdam Four', cursive;padding: 15px;border: none;border-radius: 50px;background-color: #C45980;color: #FFD034;font-size: 1.1rem;cursor: pointer;transition: background-color 0.3s ease;}.contact-form button:hover {background-color: #FFD034;color: #273755;}.contact-button {font-weight: bold;color: #FFD034;text-decoration: none;transition: color 0.3s ease;}.contact-button:hover {color: #C45980;}.works {max-width: 1200px;margin: 60px auto;padding: 20px;text-align: center;color: #FFD034;}.works h1 {font-family: 'Amsterdam Four', cursive;font-size: 2.5rem;margin-bottom: 10px;border-bottom: 3px solid #C45980;display: inline-block;padding-bottom: 10px;}.works .intro {font-size: 1.1rem;margin-bottom: 50px;color: #FFD034;}.works-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 40px;}.work-card {background: #FFD034;border-radius: 15px;padding: 20px;border: 2px solid #C45980;color: #273755;transition: transform 0.3s ease, box-shadow 0.3s ease;}.work-card:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0,0,0,0.2);}.work-card img {width: 100%;border-radius: 10px;margin-bottom: 15px;}footer {background-color: #273755;color: #FFD034;text-align: center;padding: 20px;margin-top: 80px;font-size: 0.9rem;border-top: 4px solid #C45980;}footer a {color: #C45980;text-decoration: none;font-weight: bold;}footer a:hover {text-decoration: underline;}footer p {margin-bottom: 5px;}.footer-instagram {text-align: center;margin-top: 0px;}.footer-instagram img {display: inline-block;width: 50px;height: 50px;transition: transform 0.3s ease;}.footer-instagram img:hover {transform: scale(1.2);}.service-includes, .service-includes li {color: #273755;}.service-includes{list-style: none;padding-left: 0;text-align: center;}.service-includes li{margin: 0.4rem 0}.service-includes li::marker{ content: ""; }