@import url("https://fonts.googleapis.com/css?family=Muli&display=swap");body,html{background-color:#000;color:azure;font-family:Courgette,sans-serif;height:100vh;margin:0 auto}.bg-1{background-image:url(/img/home-bg.jpg)}.bg-2{background-image:url(/img/pere-noel-dans-la-neige.jpg)}.bg-3{background-image:url(/img/pere-noel-manuel.jpg)}.bg-4{background-image:url(/img/carte.jpg)}.bg-5{background-image:url(/img/pere-noel-bataille-navale.jpg)}.bg-6{background-image:url(/img/pere-noel-cadeaux.jpg)}.container{--animate-duration:3s;background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;display:block;left:0;right:0;top:0}.container,.main{position:absolute}.main{height:100vh;left:50%;top:50%;transform:translate(-50%,-50%);width:90%}.center{margin-left:auto;margin-right:auto;text-align:center}.img{--animate-duration:3s;animation:lightSpeedInRight;height:auto;max-width:750px;object-fit:cover;width:100%}.title{align-items:center;animation:swing;animation-duration:3s;display:flex;font-size:3em;justify-content:center;margin:0 auto;opacity:0;text-shadow:1px 1px 2px red,0 0 1em blue,0 0 .2em blue}.left,.right{display:inline-block;width:20%}.formulaire{margin-top:50px;width:1000px}.password,.username{opacity:0}.first{display:inline-block;width:200px}.first-response{display:inline-block;width:20%}.second{display:inline-block;width:400px}.second-response{display:inline-block;width:35%}.second-response>.input>input{font-size:1em;width:400px}.third{display:inline-block;width:150px}.third-response{display:inline-block;width:15%}.label{font-size:1.5em}.label-small{font-size:1em}.error-lcd{border:2px solid}.enigme{align-items:center;animation-duration:1s;background-color:#000000a8;display:flex;font-size:2em;justify-content:center;margin:0 auto;padding:2em;text-shadow:1px 1px 2px red,0 0 .5em blue,0 0 .1em blue;width:70%}.erreur-code{background-color:#000;border:1px solid;color:red;padding:2px 5px}.erreur-description{background-image:url(/img/notebook.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid;font-size:1.6em;height:9em;line-height:1.2;opacity:0;overflow:hidden;padding:30px 15px 15px;resize:none;text-shadow:2px 2px 2px #909090;user-select:none;width:1300px}.texto{margin:20px 5px}#btn1,#btn2,#btn3,#btn4,#btn5,#btn6{font-size:.5em}a{background:linear-gradient(160deg,#666,#444);border:3px outset #888;border-radius:12px;box-shadow:0 0 10px #000;color:#eee;display:inline-block;font-family:verdana;font-size:1em;font-weight:700;letter-spacing:3px;overflow:hidden;padding:5px 10px;position:relative;text-decoration:none;text-shadow:0 0 2px rgba(0,0,0,.5);text-transform:uppercase;transition:.2s;vertical-align:bottom}.btn:active{transition-delay:1s}.btn-bad:active,.btn:active{background:linear-gradient(160deg,grey,#292929)}.btn-bad:active{border:3px outset #ff05f2;box-shadow:0 0 10px #ff05f2,0 0 40px #ff05f2,0 0 80px #ff05f2;color:#ff05f2;text-shadow:0 0 4px #ff05f2}.btn-good:active{border:3px outset #82ff05;box-shadow:0 0 10px #82ff05,0 0 40px #82ff05,0 0 80px #82ff05;color:#b7cfa0;text-shadow:0 0 4px #82ff05}a span{display:block;position:absolute}a span:first-child{background:linear-gradient(90deg,transparent,violet,indigo,blue,green,#ff0,orange,red);height:3px;left:-100%;top:0;width:100%}a:active span:first-child{left:100%;transition:1s}a span:nth-child(2){background:linear-gradient(180deg,transparent,violet,indigo,blue,green,#ff0,orange,red);height:100%;right:0;top:-100%;width:3px}a:active span:nth-child(2){top:100%;transition:1s;transition-delay:.25s}a span:nth-child(3){background:linear-gradient(270deg,transparent,violet,indigo,blue,green,#ff0,orange,red);bottom:0;height:3px;right:-100%;width:100%}a:active span:nth-child(3){right:100%;transition:1s;transition-delay:.5s}a span:nth-child(4){background:linear-gradient(1turn,transparent,violet,indigo,blue,green,#ff0,orange,red);bottom:-100%;height:100%;left:0;width:3px}a:active span:nth-child(4){bottom:100%;transition:1s;transition-delay:.75s}.input{background:linear-gradient(21deg,#6c00f8,#210ae9);border-radius:9px;display:inline-block;padding:1px;position:relative;vertical-align:bottom}.input-good{background:linear-gradient(120deg,#045e0d,#0cc042)!important}::placeholder{color:#d7daff}.input :not(span){border:none;border-radius:inherit;display:inherit;margin:0;outline:none;padding:0 .325em;position:relative;z-index:1}.input :not(span):focus+span{opacity:1;transform:scale(1)}.input span{border-radius:inherit;bottom:0;box-shadow:inset 0 0 0 3px #fff,0 0 0 4px #fff,3px -3px 30px #1beabd,-3px 3px 30px #10abff;left:0;margin:4px;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:scale(.993,.94);transition:transform .5s,opacity .25s;z-index:0}input[type=text]{background:linear-gradient(21deg,#8f8fcf,#7e7eeb,#8f8fcf);color:#2e3750;color:#fff;font-family:inherit;font-size:1.5em;line-height:inherit}input[type=text]:focus{background:linear-gradient(21deg,#757577,#e4e4e4,#696969);color:#002bb8}