@font-face{font-family:pixel;src:local("Perfect-DOS-VGA-437"),url(/assets/Perfect-DOS-VGA-437-DdISv4LV.ttf) format("truetype")}#root{width:100%}:root{font-family:pixel,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#68aed4;text-decoration:inherit}a:hover{color:#68aed4}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#234975;background-color:#fafdff}a:hover{color:#007899}button{background-color:#fafdff}}#canvas{background-color:#ffe8811a;float:left}#leFishImage{image-rendering:pixelated}#question{font-size:23px}.Header{color:#fff5f0;display:flex;width:100%;height:24px;position:fixed;top:0}.HeadText{position:absolute;left:0;top:0;padding-left:10px;color:#fff5f0a0}.LeFish{position:absolute;top:0;right:0;margin-right:10px;margin-top:10px}footer{background-color:#234975;color:#fff5f0;display:flex;width:100%;position:fixed;left:0;bottom:0}.equipe{color:#fff5f0}.nuitInfo{position:absolute;right:0;padding-right:10px}.colorBox1{position:absolute;right:200px;padding-right:5px;color:#430067}.colorBox2{position:absolute;right:200px;padding-right:25px;color:#ff2674}.colorBox3{position:absolute;right:200px;padding-right:45px;color:#d62411}.colorBox4{position:absolute;right:200px;padding-right:65px;color:#ffd100}.menustate{background-color:#10d275;color:#16171a;padding-left:10px}.triangle{width:25px;height:22px;clip-path:polygon(0 0,0% 100%,40% 50%);background-color:#10d275}.skinnytriangle{width:30px;height:22px;clip-path:polygon(67% 0,75% 0%,100% 50%,75% 100%,67% 100%,90% 50%);background-color:#10d275}.skinnytrianglegoat{width:30px;height:22px;clip-path:polygon(33% 0,25% 0%,0% 50%,25% 0%,33% 0%,10% 50%);background-color:#10d275}.tilde{font-size:25px;position:absolute;left:50%;color:#fff5f0}.visualizer{position:fixed;left:0;bottom:24px;width:255px;display:flex;flex-direction:row}.LogTitle{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin:25px;gap:0px}.Logo{width:200px;length:auto}.Title{color:#ff2674;font-size:2.5em;margin:0}.Second{background:-webkit-linear-gradient(#fafdff,#c8d5d7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.5em;margin:0}.tutos{padding:5px;border:solid #94216a 1px;margin:30px 100px}.article{margin-top:50px;margin-bottom:70px}.titre{font-size:larger;border-bottom:solid #94216a 1px}.contenu{font-style:italic}