main{margin:0;padding:0;position:relative;width:100%;min-height:calc(100vh - 60px);background:url(/assets/background-BVPHtYfd.png) no-repeat center center;background-size:cover;overflow:hidden;display:flex;justify-content:center;align-items:center}html,body,#root{margin:0;padding:0;height:100%}*{box-sizing:border-box}.audio-controls{position:absolute;top:15px;left:15px;display:flex;align-items:center;gap:5px;z-index:100}.speaker-icon{width:30px;height:30px;cursor:pointer;background-color:#fffc;border-radius:50%;padding:5px;box-shadow:0 4px 6px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.speaker-icon:hover{transform:scale(1.2);background-color:#fff}.speaker-icon.muted{opacity:.5}.volume-slider{cursor:pointer;border-radius:5px;height:5px;background:linear-gradient(to right,#add8e6 50%,#fff 50%)}.volume-display{font-size:.9rem;color:#fff;font-weight:300;text-shadow:0 1px 3px rgba(0,0,0,.7)}.snow,.snowbis{position:absolute;width:100%;height:100%;background:url(/assets/snow-DOlfNs3B.png);opacity:1;animation:snowfall 30s linear infinite}.snow{background-size:70em}.snowbis{background-size:50em;animation:snowfallbis 30s linear infinite}.content{position:relative;z-index:10;text-align:center}.content .title{font-size:3em;text-shadow:2px 2px 5px #111;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.7)}@media (max-width: 768px){.content .title{margin-top:50px;font-size:2em}}.content .days{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;list-style:none;background-color:#00000080;padding:10px;border-radius:5px}@media (max-width: 768px){.content .days{grid-template-columns:repeat(3,1fr);gap:10px}}@media (max-width: 500px){.content .days{grid-template-columns:repeat(1,1fr);margin:0 50px}}@keyframes snowfall{to{background-position:70em 50em}}@keyframes snowfallbis{to{background-position:50em 50em}}.card{margin:10px}.card-link{text-decoration:none;padding:10px 20px;border-radius:5px;display:block;text-align:center;font-size:1.2rem;transition:transform .3s,background-color .3s}.card-link:hover{transform:scale(1.05)}.active .card-link{background-color:#d83b3b;color:#fff;cursor:pointer}.inactive .card-link{background-color:#aaa;color:#666;cursor:not-allowed}.inactive .card-link:hover{transform:none}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.modal{background:#fff;border-radius:10px;padding:20px;text-align:center;width:280px;box-shadow:0 4px 6px #0003;animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-button{margin-top:20px;background:#4caf50;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:16px;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background .3s}.modal-button:hover{background:#388e3c}.modal-button:active{background:#2e7d32}.notfound-container{text-align:center;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f0f8ff;color:#333;font-family:Arial,sans-serif}.notfound-container h1{font-size:6rem;color:#d83b3b;margin:0}.notfound-container p{font-size:1.5rem;margin:20px 0}.home-link{font-size:1.2rem;color:#fff;background-color:#d83b3b;padding:10px 20px;border-radius:5px;text-decoration:none;transition:background-color .3s}.home-link:hover{background-color:brown}.main{display:flex;flex-direction:column;align-items:center;padding:50px}.main .title{margin-bottom:50px;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.about-page{overflow:hidden;z-index:10}.about-container{display:flex;flex-direction:row;justify-content:space-around;align-items:flex-start;max-width:1440px;gap:50px}#project,#about-me{display:flex;flex-direction:column;text-align:left;flex:1;gap:30px}.about-me,.project,.technologies{display:flex;flex-direction:column;gap:20px}.project,.features,.technologies,.about-me{background-color:#0006;padding:20px;border-radius:10px;box-shadow:0 4px 10px #00000080}.about-container h2{margin-bottom:10px;color:#fffae6}.about-container p{line-height:1.6;color:#fff}.about-container h2,.about-container p{text-shadow:2px 2px 4px rgba(0,0,0,.7);font-weight:700}@media (max-width: 768px){.about-container{flex-direction:column;gap:30px;background-color:#00000080;padding:10px;border-radius:5px}#project,#about-me{text-align:center;align-items:center}.about-container p{text-align:justify}}@media (min-width: 768px){.about-container section{background-color:#00000080;padding:10px;border-radius:5px}}.noel-page{text-align:center;padding:20px;font-family:Arial,sans-serif;position:relative;overflow:hidden}.noel-page .title{text-shadow:2px 2px 4px rgba(0,0,0,.7)}.noel-form{margin:50px auto;max-width:400px;text-align:left;background-color:#fdf5e6;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000001a;position:relative;z-index:10}.snow,.snowbis{z-index:0}.form-group{margin-bottom:15px}label{display:block;font-weight:700;margin-bottom:5px}input,textarea{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px}textarea{height:200px;resize:vertical}.send-button,.reset-button{display:inline-block;background-color:#ff4500;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:700}.send-button:hover,.reset-button:hover{background-color:#d83a00}.success-message{background-color:#e6ffe6;border:1px solid #00c800;padding:20px;border-radius:10px;position:relative;z-index:10}.success-message h2{color:#00a000}.snowflake-loader{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh;background-color:#f0f8ff;overflow:hidden;background-color:#ffffff03}.snowflake-loader .patienter{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,1)}.snowflake{font-size:100px;color:#87ceeb;animation:move-s 4s ease-in-out infinite,spin 2s linear infinite}@keyframes move-s{0%{transform:translate(0) translateY(0)}25%{transform:translate(-50px) translateY(30px)}50%{transform:translate(50px) translateY(60px)}75%{transform:translate(-50px) translateY(90px)}to{transform:translate(0) translateY(120px)}}.player-container{text-align:center;position:relative}@media (max-width:768px){.player-container h1{font-size:1.2rem}}.carousel-container{position:relative;display:flex;justify-content:center;align-items:center;margin:20px 0}iframe{border:2px solid #b22222;border-radius:10px}.carousel-arrow{position:fixed;top:50%;transform:translateY(-50%);background-color:transparent;color:#fff;border:none;font-size:3rem;cursor:pointer;z-index:10}.carousel-arrow.prev{left:50px}@media (max-width:768px){.carousel-arrow.prev{left:0}}.carousel-arrow.next{right:50px}@media (max-width:768px){.carousel-arrow.next{right:0}}.carousel-arrow:hover{color:#000}.counter{margin-top:10px;font-size:1.2rem;color:#b22222;font-weight:700;text-align:center;background-color:#fff;padding:5px 15px;border-radius:10px;box-shadow:0 4px 6px #0003;display:inline-block}.navigation-info{position:absolute;left:50%;transform:translate(-50%);font-size:1rem;color:#d83b3b;text-align:center;font-weight:700;background-color:#fffc;padding:10px 20px;border-radius:10px;box-shadow:0 4px 6px #0003;z-index:10;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}main{position:relative;min-height:100vh;padding-bottom:60px}@media (max-width: 768px){iframe{width:100%;height:200px}.carousel-container{flex-direction:column}.carousel-arrow{font-size:2rem;padding:5%}.counter{font-size:1rem}.navigation-info{font-size:.9rem}}@media (max-width: 500px){iframe{width:70%;height:auto}.carousel-arrow{font-size:1.5rem}.counter{font-size:.9rem;margin-top:5px}.navigation-info{font-size:.8rem;padding:5px 10px}}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#d83b3b;color:#fff}.header h1{font-size:1.5rem;color:#000}.menu-icon{display:none;flex-direction:column;gap:5px;cursor:pointer}.menu-icon div{width:30px;height:3px;background-color:#fff}.nav-links{display:flex;gap:20px}.nav-links ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}.nav-links a{text-decoration:none;color:#fff;transition:color .3s}.nav-links a:hover{color:#ffcccb}@media (max-width: 768px){.menu-icon{display:flex}.nav-links{display:none;flex-direction:column;position:absolute;top:60px;right:0;background-color:#d83b3b;padding:10px;border-radius:5px;width:200px;z-index:1000}.nav-links.open{display:flex}.nav-links ul{flex-direction:column;gap:10px}.nav-links a{text-align:left;padding:10px}}.footer{margin:0;padding:20px;text-align:center;background-color:#d83b3b;color:#fff;font-size:.9rem}.footer p{margin:5px 0}.footer a{color:#fff}.footer a:hover{color:#ffcccb}.copyright{display:flex;justify-content:space-between;flex-direction:row;align-items:center}.social-links{margin-top:10px;display:flex;flex-direction:row}.social-links img{width:24px;height:24px;margin:0 10px}.social-links img:hover{transform:scale(1.2)}.heart-circle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:28px;background-color:#fff;border-radius:50%;font-size:18px;color:red;box-shadow:0 0 10px #0003}@media (max-width: 850px){.copyright{justify-content:space-between;align-items:center;gap:30px}.ccopyright{display:flex;align-items:start;justify-content:center;flex-direction:column}.ccopyright .droits{display:flex;align-items:start}}@media (max-width: 750px){.copyright{flex-direction:column;align-items:center}.footer p,.footer a{margin:0;padding:0;font-size:1em}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%}body{font-family:Arial,sans-serif;background-color:#f0f8ff;color:#333;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;height:100vh}h1{color:#d83b3b;text-align:center}ul{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;list-style:none;padding:0;justify-content:center}li{text-align:center}a{text-decoration:none;padding:10px 20px;background-color:#d83b3b;color:#fff;border-radius:5px;transition:background-color .3s;display:block}a:hover{background-color:brown}img,video{max-width:100%;height:auto}a,button{transition:all .3s ease}