.navbar{background:linear-gradient(135deg,#0f0d3e,#002d08);padding:10px 20px;position:fixed;top:0;left:0;width:100%;z-index:1000}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.navbar-logo{display:flex;flex-direction:row}.navbar-logo h1{color:#ecf0f1;font-size:1.8rem;font-weight:700;cursor:pointer}.navbar-links{list-style:none;display:flex;margin:0}.navbar-item{margin-right:20px}.navbar-item a{color:#eee;text-decoration:none;font-size:1.1rem;font-weight:700;transition:color .3s ease}.navbar-item a:hover{color:#e92591;cursor:pointer}.navbar-user{display:flex}.navbar-btn{background-color:#3498db;color:#fff;padding:8px 16px;border-radius:5px;text-decoration:none;font-weight:500;transition:background-color .3s ease}.navbar-btn:hover{background-color:#e92591}@media (max-width:768px){.navbar-container{flex-direction:column;align-items:flex-start}.navbar-links{flex-direction:column;margin-top:15px;display:none}.navbar-links.open{display:block;width:100%;background-color:#34495e;position:absolute;top:60px;left:0}.navbar-item{margin-bottom:10px}.navbar-btn{margin-top:15px}.navbar-toggle{display:flex;flex-direction:column;cursor:pointer;z-index:1001}.navbar-bar{width:25px;height:3px;background-color:#ecf0f1;margin:4px 0;transition:.4s}.navbar-bar.open{transform:rotate(45deg)}.navbar-bar:nth-child(2).open{opacity:0}.navbar-bar:nth-child(3).open{transform:rotate(-45deg)}}.navbar-secondaire{padding:30px 0 10px;background:#982a2a;position:fixed;top:50;left:0;overflow-x:auto;width:100%;z-index:1}.navbar-container-secondaire{display:flex;flex-direction:row;font-size:.9rem;font-weight:700;justify-content:end;margin:0 20}.navbar-item-secondaire{margin:30px 15px 10px;cursor:pointer;&:hover{color:#f9e2ef}}.navbar-item-secondaire--choosen{color:#f9e2ef}.footer-container{background-color:#282c34;color:#fff;padding:40px 20px;font-family:Arial,sans-serif;justify-content:center}.footer-container,.footer-content{display:flex;flex-direction:column;align-items:center}.footer-content,.footer-logo h2{margin-bottom:20px}.footer-logo h2{font-size:36px;font-weight:600;color:#ff6f61;text-align:center}.footer-nav ul{list-style:none;padding:0;display:flex;gap:30px;margin-top:15px}.footer-nav ul li{display:inline-block}.footer-nav ul li a{text-decoration:none;color:#fff;font-size:16px;transition:color .3s ease}.footer-nav ul li a:hover{color:#ff6f61}.footer-socials{display:flex;gap:15px;margin-top:20px}.footer-socials a{color:#fff;transition:color .3s ease}.footer-socials a:hover{color:#ff6f61}.footer-bottom{text-align:center;font-size:14px;color:#aaa;margin-top:20px}@media (max-width:768px){.footer-content{flex-direction:column;align-items:center}.footer-nav ul{flex-direction:column;gap:15px}.footer-socials{margin-top:20px}}