.container{padding:2rem;text-align:center}.hero{background-color:#f8efd4;border-radius:10px;padding:2rem}.hero-title{color:#d2691e;font-size:3rem}.hero-subtitle,.hero-title{font-family:Pacifico,cursive}.hero-subtitle{color:#6b4226;font-size:1.5rem}.actions{margin:2rem 0}.btn{animation:pulse 2s infinite;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin:0 1rem;padding:20px 40px}.btn-recipes{background-color:#ca7373}.btn-science{background-color:#6b8e23}.introduction{margin-top:2rem}.recettes-container{background-color:#fdfaf3;border:1px solid #eaeaea;border-radius:8px;padding:20px}.recette-card{background-color:#f8e8d0;border-radius:8px;cursor:pointer;margin-bottom:20px;padding:15px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.recette-card:hover{background-color:#f4dcc4;box-shadow:0 4px 8px #0000001a;transform:scale(1.1)}.modal-content h3,.recette h3{color:#4682b4;text-align:left}ol,ul{font-family:Pacifico,cursive;line-height:1.6}.science-container{background-color:#fdfaf3;border:1px solid #eaeaea;border-radius:8px;padding:20px}h1{font-size:2.5em;font-weight:700;margin-bottom:20px;text-align:center}h1,h2{color:#6b4226}h2{font-size:2em;margin-bottom:15px;text-align:left;transition:transform .3s ease,color .3s ease,text-shadow .3s ease}h2:hover{color:#d15c5c;text-shadow:2px 2px 4px #0003;transform:scale(1.05)}.ingredient-section,.molecule-section,.reaction-section{background-color:#f8e8d0;border-radius:8px;cursor:pointer;margin-bottom:20px;padding:15px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.ingredient-section:hover,.molecule-section:hover,.reaction-section:hover{background-color:#f4dcc4;box-shadow:0 4px 8px #0000001a;transform:scale(1.1)}.ingredient,.molecule,.reaction{background-color:#f8e8d0;border-radius:8px;cursor:pointer;margin-bottom:20px;padding:15px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.ingredient:hover,.molecule:hover,.reaction:hover{background-color:#f4dcc4;box-shadow:0 4px 8px #0000001a;transform:scale(1.1)}.ingredient h3,.modal-content h3,.molecule h3,.reaction h3{color:#4682b4;text-align:center}p{color:#333;font-size:1em;line-height:1.6}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 16px #0003;line-height:1.6;max-width:600px;padding:20px;position:relative;width:80%}.modal-content h2{color:#6b4226;font-size:1.5em;font-weight:700;margin-bottom:10px}.modal-content p{color:#333;font-size:1em}.close-button{background:none;border:none;cursor:pointer;font-size:1.5rem;font-weight:700;position:absolute;right:10px;top:10px;transition:color .2s ease,transform .2s ease}.close-button:hover{color:tomato;transform:scale(1.1)}.quiz-container{background:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:20px;padding:20px;text-align:center}.question-section h2{color:#d2691e;font-size:24px;margin-bottom:10px}.options-section{align-items:center;display:flex;flex-direction:column;margin-top:20px}.options-section button{background:linear-gradient(135deg,#ca7373,#ca7373);border-radius:50px;box-shadow:0 4px 6px #0003;color:#fff;cursor:pointer;font-family:Pacifico,cursive;font-size:16px;margin:5px;padding:12px 25px;transition:transform .2s,box-shadow .2s}.options-section button:hover{background:linear-gradient(135deg,#6b8e23,#6b8e23);box-shadow:0 6px 8px #0000004d;transform:scale(1.05)}.restart-button{background:linear-gradient(135deg,#ca7373,#ca7373);border:none;border-radius:5px;box-shadow:0 3px 5px #00000026;color:#fff;cursor:pointer;font-family:Pacifico,cursive;font-size:18px;margin-top:20px;padding:10px 30px;transition:background .3s,transform .2s}.restart-button:hover{background:linear-gradient(135deg,#6b8e23,#6b8e23);box-shadow:0 4px 6px #0003;transform:scale(1.05)}.score-section{text-align:center}.image-container{display:flex;justify-content:center;margin-top:20px}.quiz-image{border-radius:8px;max-width:400px;width:100%}.answer-item p{font-size:16px;line-height:1.5;margin:5px 0;text-shadow:0 1px 3px #0000001a}.answer-item p:first-child{color:#d2691e}.answer-item p:nth-child(2){color:#4682b4}.answer-item p:nth-child(3){color:#6b8e23}.answer-item p:nth-child(4){color:#000}.answer-item p+p{margin-top:10px}button{background-color:#f0f0f0;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin:10px;padding:10px 20px;transition:background-color .3s}button:hover{background-color:#e0e0e0}.answer-item p:nth-child(2),.answer-item p:nth-child(3){font-family:Coming Soon,cursive}.answer-item p:nth-child(4),.explanation-title{font-family:arial,cursive}.explanation-title{border-bottom:2px solid #ca7373;color:#2a2a2a;font-size:28px;margin-bottom:15px;padding-bottom:5px;text-align:center;text-transform:uppercase}.periodic-table-container{align-items:center;display:flex;height:100vh;justify-content:center;margin:0;padding:0;width:100%}.periodic-table-image{border-radius:12px;box-shadow:0 8px 16px #0003;cursor:pointer;display:block;height:auto;margin:0 auto;max-width:80%;transition:box-shadow .3s ease}.periodic-table-image:hover{box-shadow:0 12px 24px #0000004d}body{background-color:#f9f3e6;font-family:Comic Sans MS,cursive,sans-serif;margin:0;padding:0}h2{color:#d2691e;font-size:2rem;font-weight:700;text-align:center;text-shadow:2px 2px 4px #0000001a}.element-list,h2{margin-bottom:30px}.element-list{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.element-button{background-color:tomato;border:none;border-radius:12px;box-shadow:3px 3px 6px #0000001a;color:#fff;cursor:pointer;font-size:20px;font-weight:700;height:60px;margin:5px;padding:20px;transition:all .3s ease;width:60px}.element-button:hover{background-color:#ff4500;transform:scale(1.1)}.element-button:active{background-color:#ff4500;box-shadow:0 0 10px tomato}.number-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}.number-button{background-color:#f4a300;border:none;border-radius:50%;box-shadow:2px 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:20px;font-weight:700;height:50px;margin:5px;padding:15px;transition:all .3s ease;width:50px}.number-button:hover{background-color:#ffb84d;transform:scale(1.1)}.selected-elements{color:#6a4e23;font-size:22px;font-style:italic;font-weight:700;margin-bottom:30px;text-align:center;text-shadow:1px 1px 2px #0000001a}.check-button{background-color:#6b8e23;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:18px;padding:15px 30px;transition:all .3s ease}.check-button:hover{background-color:#558b2f;transform:scale(1.05)}.reset-button{background-color:#ca7373;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:18px;padding:15px 30px;transition:all .3s ease}.reset-button:hover{background-color:#b56565;transform:scale(1.05)}.result{background-color:#d2691e;border-radius:10px;box-shadow:0 4px 10px #0000001a;color:#fff;font-size:24px;font-weight:700;margin-top:40px;padding:15px 30px;text-align:center}.molecule-card{background-color:#fff5e6;border:1px solid #e1a95f;border-radius:15px;box-shadow:4px 4px 8px #0000001a;margin:20px 0;padding:20px}.molecule-card h4{color:#d2691e;font-size:1.8rem;text-align:center}.molecule-card p{color:#6a4e23;font-size:1.2rem;line-height:1.6;text-align:center;text-shadow:1px 1px 2px #0000001a}.element-button,.number-button{font-size:1.4rem;margin:8px}.check-button:hover,.element-button:hover,.number-button:hover,.reset-button:hover{animation:pulse .5s ease-in-out infinite;transform:scale(1.1)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.molecule-card{pointer-events:none}.molecule-recipes{background-color:#f4f4f4;border-radius:10px;margin-top:30px;padding:20px}.molecule-recipes h3{color:#333;font-size:1.8rem;margin-bottom:20px;text-align:center}.molecule-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:20px;padding:15px}.molecule-card h4{color:#2c3e50;font-size:1.6rem;margin-bottom:10px}.molecule-card p{color:#7f8c8d;font-size:1rem;margin-bottom:5px}.molecule-card .formula{color:#2980b9;font-size:1.1rem;font-weight:700}.molecule-card .description{color:#34495e;font-size:.9rem;margin-top:10px}.molecule-card:hover{background-color:#eaf2f8;border-color:#2980b9;cursor:pointer}.molecule-card:last-child{margin-bottom:0}@media screen and (max-width:768px){.molecule-card,.molecule-recipes{padding:10px}.molecule-card h4{font-size:1.4rem}.molecule-card p{font-size:.9rem}}.footer{background-color:#f8f8f8;color:#333;font-size:.9em;margin-top:30px;padding:20px;text-align:center}.footer-content p{margin:5px 0}.legal-notice{color:#666;font-size:.9em;margin-top:15px}.legal-notice a{color:#a64ac9;text-decoration:none}.legal-notice a:hover{text-decoration:underline}.footer-links{margin-top:20px}body,li,p{color:#333;font-family:Pacifico,cursive;line-height:1.6}.navbar{align-items:center;background-color:#5dd4dc;display:flex;justify-content:space-between;padding:10px 20px;position:relative}.logo-container{margin-right:20px}.logo img{height:50px}.nav-links{display:flex;flex:1 1;gap:15px;list-style:none;margin:0;padding:0;transition:transform .3s ease}.nav-links li a{box-sizing:border-box;color:#333;font-weight:700;text-decoration:none;transition:color .3s,transform .3s}.nav-links li a:hover{color:#a64ac9;transform:translateX(5px)}.nav-links li.contact-item{margin-left:auto}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:5px}.hamburger div{background-color:#333;height:3px;transition:all .3s ease;width:30px}.hamburger.open div:first-child{transform:rotate(45deg) translateY(8px)}.hamburger.open div:nth-child(2){opacity:0}.hamburger.open div:nth-child(3){transform:rotate(-45deg) translateY(-8px)}@media (max-width:480px){.nav-links{background-color:#5dd4dc;box-sizing:border-box;display:none;flex-direction:column;left:0;padding-top:10px;position:absolute;top:70px;transform:translateY(-100%);transition:transform .3s ease-in-out;width:100%}.nav-links.active{display:flex;transform:translateY(0)}.hamburger{display:flex}.nav-links li a{background-color:#5dd4dc;border-bottom:1px solid #333;padding:10px;text-align:left;width:100%}.nav-links li a:hover{background-color:#a64ac9;color:#fff}.nav-links li.contact-item{margin-left:0;padding:10px 0;text-align:left;width:100%}}@media (min-width:481px) and (max-width:768px){.navbar{flex-direction:row;justify-content:space-between;padding:10px 30px}.logo img{height:45px}.nav-links{display:flex;flex-direction:row;gap:25px}.nav-links li a{font-size:1.4rem}.hamburger{display:flex}.nav-links.active{display:none}.nav-links li a{padding:10px;text-align:left;width:auto}.nav-links li.contact-item{margin-left:auto}}@media (min-width:1024px) and (max-width:1366px){.navbar{flex-direction:row;gap:30px;justify-content:space-between;padding:10px 40px}.logo img{height:50px}.nav-links{gap:30px}.nav-links li a{font-size:1.6rem}.hamburger{display:none}.nav-links{display:flex}.nav-links li.contact-item{margin-left:auto}}@media (min-width:1367px){.container{padding:40px}.navbar{padding:10px 50px}.logo img{height:60px}.nav-links{gap:30px}.nav-links li a{font-size:1.8rem}.hamburger{display:none}.nav-links{display:flex}}
/*# sourceMappingURL=main.0791c0f7.css.map*/