@import url(https://fonts.googleapis.com/css?family=Londrina+Solid|Nunito:400,300);@font-face{font-family:"Poppins";src:url(../font/poppins/Poppins-Black.ttf) format("truetype")}@font-face{font-family:"Poppins";src:url(../font/poppins/Poppins-ExtraLight.ttf) format("truetype");font-weight:200}@font-face{font-family:"Poppins";src:url(../font/poppins/Poppins-Light.ttf) format("truetype");font-weight:300}@font-face{font-family:"Poppins";src:url(../font/poppins/Poppins-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:"Poppins";src:url(../font/poppins/Poppins-Medium.ttf) format("truetype");font-weight:500}@font-face{font-family:"Poppins";src:url(../font/poppins/Poppins-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:"Poppins";src:url(../font/poppins/Poppins-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:"Poppins";src:url(../font/poppins/Poppins-ExtraBold.ttf) format("truetype");font-weight:800}@keyframes wiggle{0%{transform:rotate(0deg)}90%{transform:rotate(0deg)}92%{transform:rotate(10deg)}94%{transform:rotate(-10deg)}96%{transform:rotate(5deg)}98%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.mail{animation:wiggle 5s infinite}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:#323232;min-height:100%;display:flex;flex-direction:column;color:#fff;font-family:"Poppins", cursive}body main{flex-grow:1}h1{text-align:center;color:#fff}h1 img{width:250px}ul{padding:0}a{color:#cc231e;text-decoration:none;font-size:14px}a:hover{color:#e2403b}.hangman{font-family:"Poppins", cursive;margin:0 auto;text-align:center}h2{font-size:50px;margin-bottom:20px;color:#cc231e;font-weight:500}p{margin-bottom:20px;color:gray;line-height:1.3}@keyframes letteranim{50%{transform:translateY(-5px) scale(1.05)}}.letter{display:inline-block;color:transparent;border-bottom:5px solid #cc231e;margin:0 6px;font-size:30px;font-weight:600;transition:0.5s;text-transform:uppercase}.word{display:flex;width:100%;justify-content:center;padding:0}.correct{color:#cc231e;animation:letteranim 0.3s ease}.guessForm{margin:20px auto 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.guessForm input,.guessForm .guessButton{font-family:"Poppins", cursive;width:fit-content}.guessForm input[type="text"]{outline:none;padding:10px;font-size:20px;font-weight:600;margin-bottom:10px;border:1px solid #aaa;color:gray;max-width:90%;text-align:center}.guessForm .guessButton{border:none;font-size:20px;padding:10px 20px;cursor:pointer;background:#cc231e;color:#fff;transition:0.3s;margin:10px 0;text-shadow:1px 2px 0 #a01b17}.guessForm .guessButton:hover{background:#a01b17;transform:scale(1.1)}.wrongLetters{font-weight:600;font-size:20px}.wrongLetters p{margin-bottom:10px}.wrongLetters li{display:inline-block;font-size:30px;background:#ff4d4d;text-shadow:1px 2px 0 red;padding:10px;color:#fff;text-transform:uppercase;margin:5px;animation:letteranim 0.3s ease}.message{display:none;padding:30px 20px;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:10}.message ul{display:flex;align-items:center;justify-content:center;flex-flow:row wrap;width:80%;list-style:none;margin:auto auto 0;padding:0}.message ul li{margin:0 20px}.message ul li a{color:#fff;display:inline-block}.message ul li a:hover{color:#e21010;transition:0.2s;transform:scale(1.2)}.message ul li img{height:30px}.message ul li i{font-size:20px}.message.lose{background-color:#731411}.message.win{background-color:#323232}.message h2{color:#fff;font-size:24px;margin-bottom:0}.message strong{color:#e21010;display:block;margin-top:10px;font-size:30px}.message a{display:block;font-size:20px}.message .highlight{color:#e21010;text-transform:capitalize;display:block;margin-bottom:15px;font-size:30px}.message .envoie{display:block;margin-top:15px}.message .text{color:#fff;font-size:20px;font-weight:600;margin-top:0}.message .text p{color:#fff}.message .muted{margin:20px auto;color:#e2403b}.message.open{display:flex;flex-direction:column;justify-content:center;align-items:center}.button{color:#fff;font-family:"Poppins", cursive;width:fit-content;border:none;font-size:20px;padding:10px 20px;cursor:pointer;background:#cc231e;color:#fff;transition:0.3s;margin:10px 0;position:relative;overflow:hidden;z-index:1;transition:0.5s;margin:1em}.button:hover{color:#323232;transform:scale(1.1)}.button:hover span{transform:translateY(-15%) scale(2)}.button span{position:absolute;width:25%;height:100%;background-color:#fff;transform:translateY(-150%);border-radius:50%;left:calc((var(--n) - 1) * 25%);transition:0.5s;transition-delay:calc((var(--n) - 1) * 0.1s);z-index:-1}.button span:nth-child(1){--n: 1}.button span:nth-child(2){--n: 2}.button span:nth-child(3){--n: 3}.button span:nth-child(4){--n: 4}footer{z-index:50;padding:15px}footer ul{display:flex;align-items:center;justify-content:center;flex-flow:row wrap;width:80%;list-style:none;margin:auto;padding:0}footer ul li{margin:0 20px}footer ul li a{color:#fff;display:inline-block}footer ul li a:hover{color:#e21010;transition:0.2s;transform:scale(1.2)}footer ul li img{height:30px}footer ul li i{font-size:20px}@media only screen and (min-width: 768px){.letter{padding:5px}}@media only screen and (min-width: 1920px){.letter{padding:10px;font-size:40px}.guessForm input[type="text"]{font-size:30px}.guessForm .guessButton{font-size:30px}.wrongLetters li,.wrongLetters{font-size:40px}footer ul li{margin:0 20px}footer ul li img{height:60px}footer ul li i{font-size:50px}}
/*# sourceMappingURL=hangman.css.map */