@import 'https://fonts.googleapis.com/css2?family=Courier+Prime&family=Jost&display=swap';*{margin:0;padding:0}body{background-color:#000;font-family:courier prime,monospace;color:#fff;text-align:center}h1{font-size:1.2em;margin-bottom:10px}.bouton{display:inline-block;color:#000;background-color:#fff;padding:10px 15px;margin:5px;text-decoration:none}.bouton:hover{-webkit-animation:MULTICOLOR 1s infinite;-moz-animation:MULTICOLOR 1s infinite;-o-animation:MULTICOLOR 1s infinite;animation:MULTICOLOR 1s infinite}#content{width:90%;padding:5%}.dot{vertical-align:middle;background-color:#cf0;border:1px solid #000;display:inline-block;border-radius:50%;width:7px;height:7px;margin-right:5px}#newsletter{background-color:#333;width:90%;max-width:350px;margin:20px auto;text-align:left}#newsletter input{font-family:courier prime,monospace;background-color:transparent;border:0;padding:10px;width:60%;color:#fff}#newsletter button{font-family:courier prime,monospace;background-color:#fc0;border:0;font-weight:700;padding:10px;width:calc(40% - 30px)}#newsletter button:hover{background-color:#fff!important;color:#000!important}#socials a,#dsp a{display:inline-block;font-family:jost,sans-serif;color:#fff;text-decoration:none;font-size:11px;margin-left:5px;padding:2px 0;vertical-align:middle}#socials a:hover .dot,#dsp a:hover .dot{background-color:#000;border:1px solid #cf0}#loading{width:80%;max-width:300px;margin:10px auto 10vh;border-radius:50px;border:1px solid #fff;padding:2px;overflow-x:hidden}#indicateur{width:30px;height:7px;background-color:#fff;border-radius:50px}.rebond{-webkit-animation:REBOND 2s ease-out infinite;-moz-animation:REBOND 2s ease-out infinite;-o-animation:REBOND 2s ease-out infinite;animation:REBOND 2s ease-out infinite}@-webkit-keyframes REBOND{0%{margin-left:-30px}100%{margin-left:calc(100% + 30px)}}.multicolor{-webkit-animation:MULTICOLOR 1s infinite;-moz-animation:MULTICOLOR 1s infinite;-o-animation:MULTICOLOR 1s infinite;animation:MULTICOLOR 1s infinite}@-webkit-keyframes MULTICOLOR{0%{background-color:#9f0;color:#f3c}10%{background-color:#6ff;color:#f0c}20%{background-color:#39f;color:#9f0}30%{background-color:#3c0;color:#fff}40%{background-color:#03f;color:#f90}50%{background-color:#9f0;color:#f30}60%{background-color:#f0c;color:#fff}70%{background-color:#0ff;color:#f30}80%{background-color:#9f0;color:#066}90%{background-color:#f90;color:#03f}100%{background-color:#03f;color:#f90}}@-moz-keyframes MULTICOLOR{0%{background-color:#9f0;color:#f3c}10%{background-color:#6ff;color:#f0c}20%{background-color:#39f;color:#9f0}30%{background-color:#3c0;color:#fff}40%{background-color:#03f;color:#f90}50%{background-color:#9f0;color:#f30}60%{background-color:#f0c;color:#fff}70%{background-color:#0ff;color:#f30}80%{background-color:#9f0;color:#066}90%{background-color:#f90;color:#03f}100%{background-color:#03f;color:#f90}}@-o-keyframes MULTICOLOR{0%{background-color:#9f0;color:#f3c}10%{background-color:#6ff;color:#f0c}20%{background-color:#39f;color:#9f0}30%{background-color:#3c0;color:#fff}40%{background-color:#03f;color:#f90}50%{background-color:#9f0;color:#f30}60%{background-color:#f0c;color:#fff}70%{background-color:#0ff;color:#f30}80%{background-color:#9f0;color:#066}90%{background-color:#f90;color:#03f}100%{background-color:#03f;color:#f90}}@keyframes MULTICOLOR{0%{background-color:#9f0;color:#f3c}10%{background-color:#6ff;color:#f0c}20%{background-color:#39f;color:#9f0}30%{background-color:#3c0;color:#fff}40%{background-color:#03f;color:#f90}50%{background-color:#9f0;color:#f30}60%{background-color:#f0c;color:#fff}70%{background-color:#0ff;color:#f30}80%{background-color:#9f0;color:#066}90%{background-color:#f90;color:#03f}100%{background-color:#03f;color:#f90}}.mobile{display:none}@media screen and (max-width:700px){.mobile{display:block}}