body{margin:0;padding:0;font-family:Roboto,sans-serif;background-color:#677ae5}header{box-sizing:border-box;background-color:#f7f8fd;position:sticky;top:0;z-index:1;width:100%;height:120px;padding:18px 50px;box-shadow:0 -6px 10px 5px #0003}header #menuBurger{display:none}header div{margin:0 auto;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:20px}header div img{width:170px;filter:invert(100%)}header div ul{display:flex;gap:40px;list-style:none}header div ul a{display:flex;flex-direction:column;color:#000;text-decoration:none;transition:.3s ease-in-out}header div ul a:hover{color:#677ae5}header div ul a:hover .underlineEffect{width:100%}header div ul a .underlineEffect{display:inline-block;width:0%;height:2px;background-color:#677ae5;transition:.3s ease-in-out}h1{margin:70px 0 0;text-align:center;font-size:32px;color:#fff}h2{text-align:center;font-size:24px;color:#fff;margin:15px 0 20px}#version{margin:0 auto;padding:10px;border-radius:100px;font-size:16px;width:fit-content;color:#fff;background-color:#fff3;border:1px solid rgba(255,255,255,.4)}#main{box-sizing:border-box;background-color:#fff;width:100%;display:flex;justify-content:center;gap:32px;padding:32px 68px;border-radius:32px 32px 0 0;margin-top:62px;min-height:calc(100vh - 162px)}#main nav{background-color:#f9fafb;width:fit-content;position:sticky;top:130px;display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:16px;box-shadow:#959da52e 0 8px 24px;height:fit-content}#main nav p{font-size:24px;margin:0}#main nav ul{margin:0 0 0 10px;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}#main nav ul a{color:#6b7280;display:block;padding:8px 16px;width:150px;border-radius:6px;transition:.3s;text-decoration:none;cursor:pointer}#main nav ul a:hover,#main nav ul a.current{color:#fff;background-color:#677ae5}#main nav div{display:none}#main section{width:70%}#main section h3{font-size:32px;margin:0;display:flex;flex-direction:column}#main section h3 span{height:3px;width:52px;background-color:#677ae5}#main section p{margin:8px 0;font-size:18px}#main section ul{margin:0;padding:0 25px}#main section ul li{list-style:none;font-size:18px;font-weight:700}#main section ul li span{font-weight:400;font-size:16px;font-style:italic}#main section ul li span:before{content:"("}#main section ul li span:after{content:")"}#main section .get{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background-color:#fff;transition:.3s;margin-top:28px}#main section .get:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}#main section .get div:first-of-type{display:flex;gap:24px;padding:24px;background:linear-gradient(135deg,#f9fafb,#fff);border-bottom:1px solid #e5e7eb}#main section .get div:first-of-type .type{background:#dbeafe;color:#1e40af;padding:.25rem .75rem;border-radius:6px;font-weight:600;font-size:.8rem;text-transform:uppercase}#main section .get div:last-of-type{padding:24px}#main section .get div:last-of-type h4{font-size:20px;margin:12px 0}#main section .get div:last-of-type h4:first-of-type{margin-top:0}#main section .get div:last-of-type form input{box-sizing:border-box;width:100%;font-size:18px}#main section .get div:last-of-type pre{background:#1f2937;color:#10b981;padding:8px 16px;border-radius:6px;font-size:14px;min-height:150px;white-space:pre-wrap}#main section .get div:last-of-type input[type=submit]{background-color:#677ae5;color:#fff;border:none;padding:12px 18px;border-radius:6px;cursor:pointer}#main section .requete{display:flex;align-items:center;background:#1f2937;color:#10b981;padding:8px 16px;border-radius:6px;font-size:14px;border:none;margin:0}#main section .requete:focus-visible{outline:none}#main section span.requete{width:fit-content;display:inline;padding:6px 8px;font-size:18px}footer{background-color:#252f3e;display:flex;flex-direction:column;align-items:center;padding:40px 0}footer p{color:#fff;margin:5px}footer img{width:42px;height:42px}footer ul{display:flex;gap:12px;list-style:none;padding:0;margin:12px}footer>a{margin-top:12px}@media (max-width: 768px){header{height:85px;top:-1px}header #menuBurger{display:block;position:absolute;width:35px;top:50%;left:25px;transform:translateY(-50%)}header div{justify-content:center}header div img{width:100px}header div ul{display:none}h1{font-size:24px;margin-top:32px}h2{font-size:18px}#main{padding:24px 32px;margin-top:32px}#main nav{transition:1s;left:-100vw;position:fixed;box-sizing:border-box;top:74px;box-shadow:none;border-radius:0;width:100%;min-height:100vh}#main nav ul{margin-top:18px}#main nav ul a{box-sizing:border-box;width:100%;font-size:18px}#main nav div{display:block;margin-top:24px}#main section{width:100%}}