body,html{height:100%;margin:0;font-family:Oxanium,sans-serif}body{background:linear-gradient(135deg,#fcfbdf,#d8f0e8);color:#0c3d2e;background-image:url('../images/default.jpg')}.corps{background-image:url('../images/wcgegr2p5np91.webp');border-radius:10px;width:94%;margin:0 2%;padding:1%}.topnav-wrapper{position:relative;overflow:hidden}.topnav{display:flex;overflow-x:auto;white-space:nowrap;padding:0 8px;gap:4px;scrollbar-width:none;scroll-behavior:smooth;background:linear-gradient(135deg,#0a2a24,#123f36);box-shadow:inset 0 0 8px #004d40aa}.topnav::-webkit-scrollbar{display:none}.topnav a{display:inline-block;flex-shrink:0;color:#c3f0e9;text-align:center;padding:14px 16px;font-size:17px;text-decoration:none;border-radius:6px;transition:color .3s,text-shadow .3s}.topnav a.active,.topnav a:hover{color:#c3f0e9;text-shadow:0 0 6px #00b8c9aa;background:linear-gradient(145deg,#0c3d2e,#00b8c9);border-radius:15px}.scroll-indicator{position:absolute;top:0;height:100%;width:32px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;border:none;cursor:pointer;z-index:1;transition:opacity .3s}.scroll-indicator.right{right:0;background:linear-gradient(to left,#333,transparent)}.scroll-indicator.left{left:0;background:linear-gradient(to right,#333,transparent);opacity:0;pointer-events:none}@media (min-width:768px){.scroll-indicator{display:none}}