body{font-family:sans-serif}.App,body{margin:0;padding:0}.App{text-align:center;font-family:PotterFont;width:100%;height:100%;overflow:hidden}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:80px}.App-header{background-color:#222;height:150px;padding:20px;color:#fff}.App-title{font-size:1.5em}.App-intro{font-size:large}.player-selection{color:#fff}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fighter{background-image:url(/lyon-0918-js-potter-fighter/static/media/silouhette.4316aa02.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;z-index:1}.spell{width:5px;height:5px;border-radius:50%}#spellSlytherin{background-color:green}#spellGryffindor{background-color:red}#spellHufflepuff{background-color:#ff0}#spellRavenclaw{background-color:#6060c7}.defenseShield{background-image:url(/lyon-0918-js-potter-fighter/static/media/normalShieldWhite.a6a95fad.png);background-repeat:no-repeat;background-size:100% 100%;width:30px;height:30px;display:inline-block;margin:0 2px}.keyboardLayout{width:80vw;height:80vh;border:1vh solid #000;border-radius:20px 20px;background-color:rgba(82,82,82,.9);margin:auto;position:relative;z-index:5}.container{display:flex;justify-content:space-around;align-content:flex-end;width:70vw;margin-left:5vw}.image1,.image2{width:125px;height:100px;margin-top:10px;background-image:url(/lyon-0918-js-potter-fighter/static/media/silouhette.4316aa02.png);background-position:50%;background-repeat:no-repeat;background-size:125px 100px}.image2{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.container2{display:flex;justify-content:space-around;align-items:center;width:1000px;margin:0 auto}.container2 table{font-size:40px;color:#fff}table th,td{padding:20px}.container3{display:flex;justify-content:space-around;align-items:center;width:900px;margin:0 auto;padding-right:15px}.container4,.container5{display:flex;justify-content:space-around;align-items:center;width:900px;margin:0 auto;padding-right:25px}.container3 p,.container4 p,.container5 p{font-size:40px;color:#fff}span{font-size:20px}.progressbar1 .progress1,.progressbar .progress{background-color:#e9a540;border-radius:4px;-webkit-transition:width .4s ease-in-out;transition:width .4s ease-in-out;height:100%}.progressbar{left:170px;position:absolute;float:left}.progressbar,.progressbar1{top:80px;width:30%;height:30px;border-radius:4px;background-color:#d3d3d3;padding:7px}.progressbar1{-webkit-transform:rotate(180deg);transform:rotate(180deg);right:170px;display:flex;float:right;position:fixed}.full,.score{display:flex}.score{position:fixed;top:90vh;z-index:-1;margin-left:1%}.scorePerso{margin-right:50px;font-size:1.5em;width:7vw;text-align:center;color:#000;border-radius:10px;padding:10px}.beginFight{position:fixed;top:0;bottom:0;left:0;right:0;height:100vh;width:100vw;z-index:100000}.titleBegin{font-size:120px;margin:20% auto 0}.decount,.titleBegin{cursor:default;opacity:1;color:gold;text-shadow:0 0 15px #000,0 0 10px #000}.decount{font-size:150px;position:absolute;width:50vw;top:50vh;left:25vw;text-align:center;margin:0 auto}@-webkit-keyframes hide-animation{to{visibility:visible}to{opacity:1;visibility:hidden}}@keyframes hide-animation{to{visibility:visible}to{opacity:1;visibility:hidden}}.VictoryText{position:absolute;width:40vw;margin-top:25vh;margin-left:30vw;font-size:60px;z-index:10;border-radius:30px;padding:10px 10px 30px;text-align:center;background-color:rgba(0,0,0,.5)}.ButtonChoice button,.VictoryText{color:orange;text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000}.ButtonChoice button{font-family:PotterFont;border:1px solid orange;box-shadow:3px 3px 3px #644204;background-color:rgba(255,165,0,.3);border-radius:10px;width:200px;height:70px;font-size:50px;margin:15px}.bodyTournementVictory{width:100vw;height:100vh;background-image:url(https://www.dhresource.com/0x0s/f2-albu-g5-M01-74-79-rBVaJFkftaiAMKQPAAJ7wiL9fGo632.jpg/7x5ft-daylight-harry-potter-hogwarts-passage.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;height:51vw;background-color:#fff;color:#000;overflow:hidden}.gobleoffireimage{position:absolute;background-image:url(/lyon-0918-js-potter-fighter/static/media/fireGoblet.92e54be7.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;height:80vh;width:40vw;top:12vh;left:55vw}.boutonTournementHomePage{position:absolute;top:91vh;left:65vw;width:20vw;height:5vh;font-size:30px;background-color:rgba(255,165,0,.6);border-color:rgba(255,165,0,.6);text-align:center;font-family:PotterFont}.boutonPodium{position:absolute;background-image:url(/lyon-0918-js-potter-fighter/static/media/podium.5bd55761.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:300px;width:900px;top:500px;left:100px}.titleWinners{position:absolute;width:50vw;height:30vh;justify-content:top;font-size:130px;top:-11vh;left:6vw;font-family:PotterFont;color:orange;text-shadow:3px 3px 3px #fff,-1px -1px 1px #fff}.fullScore{display:flex;position:fixed;top:75vh}.skore{margin-left:15%;display:flex;color:#fff;font-size:50px}.one{color:orange;margin-left:-2%}.one,.two{position:relative;font-size:60px;font-weight:700;top:5vw;width:40vh;text-shadow:5px -3px #000;font-family:PotterFont}.two{color:#d1d1d1}.three{position:relative;font-size:60px;font-weight:700;color:#fb8249;top:5vw;width:40vh;margin-left:-5%;text-shadow:5px -3px #000;font-family:PotterFont}.award{position:absolute;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;height:300px;width:250px}#firstAward{top:22vh;left:23vw}#secondAward{top:27vh;left:7vw}#thirdAward{top:32vh;left:39vw}.logoHufflepuffHouse{background-image:url(/lyon-0918-js-potter-fighter/static/media/hufflepuff.da05ed0b.png);background-position:50%;height:300px;width:200px;top:230px;left:140px}.logoHufflepuffHouse,.pic{position:absolute;background-repeat:no-repeat;background-size:cover}.pic{background-image:url(/lyon-0918-js-potter-fighter/static/media/Quidditch-min.83be700c.jpg);background-attachment:fixed;height:100%;width:100%;z-index:-1}.energyShield{background-image:url(/lyon-0918-js-potter-fighter/static/media/energyShield.8d307945.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute}#body,h2{font-size:30px}#body,h1,h2{font-family:PotterFont;font-weight:400;letter-spacing:2px}h1{color:orange;white-space:nowrap;font-size:3em;font-size:90px;margin-top:3vh;margin-bottom:2vh}#playerChoice{position:absolute;width:20vw;margin-left:40vw;background-color:rgba(0,0,0,.5);border-radius:20px;margin-top:2vh}.choose-house{text-shadow:4px 4px 4px #000;color:#fcde35;font-size:45px}.player-selection{text-align:center;left:42%;font-size:2em;color:#fcde35;text-shadow:1px 1px #000,-1px -1px #000,-1px 1px #000,1px -1px #000}.player-amount{background-color:#000;color:#fcde35;font-size:1.6 em;border:none;width:160px;height:30px;text-align:center}.main-shield{height:150px;margin-bottom:8vh}.shield-button{background:transparent;border:none}.shield-button:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.Slytherin{background-image:url(/lyon-0918-js-potter-fighter/static/media/slytherin.44b21481.png)}.Gryffindor,.Slytherin{background-position:50%;background-repeat:no-repeat}.Gryffindor{background-image:url(/lyon-0918-js-potter-fighter/static/media/gryffindor.00878cd3.png)}.Ravenclaw{background-image:url(/lyon-0918-js-potter-fighter/static/media/ravenclaw.4ec5ddf9.png)}.Hufflepuff,.Ravenclaw{background-position:50%;background-repeat:no-repeat}.Hufflepuff{background-image:url(/lyon-0918-js-potter-fighter/static/media/hufflepuff.da05ed0b.png)}.body{background-image:url(/lyon-0918-js-potter-fighter/static/media/salle.3a81cdf3.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;text-align:center;height:100%;width:100%;position:absolute;background-color:#000;color:#fff}.clear-button{font-family:PotterFont;width:5vw;height:6vh;font-size:1.2em;border-radius:10px;border:none;position:absolute;bottom:2vh;left:92vw;line-height:1.5em;z-index:1;background-color:orange}.clear-button img{width:3vw;height:4vh}button.clear-button:hover{-webkit-transform:none!important;transform:none!important}.start-button{font-family:PotterFont;width:20vw;height:8vh;background-color:orange;font-size:1.8em;border-radius:20px;border:none;color:#000;position:absolute;top:84vh;left:40vw;line-height:1.5em;z-index:2}.start-button:hover{color:#000;font-weight:700;font-size:2em}@font-face{font-family:PotterFont;src:url(/lyon-0918-js-potter-fighter/static/media/HARRYP__.181ef9a7.TTF)format("truetype")}.container1{display:flex;flex-direction:column;background-image:url(/lyon-0918-js-potter-fighter/static/media/salle.3a81cdf3.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;height:100%;width:100%;position:absolute;z-index:-1;overflow:hidden}.title1{position:relative;left:3%;text-shadow:3px 3px #fff;font-size:150px;letter-spacing:10px}.container1 button,.title1{font-family:PotterFont;color:orange}.container1 button{align-self:center;width:300px;height:60px;font-size:50px;border:none;text-align:center;z-index:1;margin:20px;background-color:hsla(0,0%,52.5%,0);text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;-webkit-transition:color .6s ease-in-out,-webkit-transform .5s ease-in-out;transition:color .6s ease-in-out,-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out,color .6s ease-in-out;transition:transform .5s ease-in-out,color .6s ease-in-out,-webkit-transform .5s ease-in-out;outline:none}button:hover{-webkit-transform:scale(1.1);transform:scale(1.1);color:#fffbe2}.newGame{left:3%;bottom:5%}.hidden,.newGame{position:relative}.hidden{left:2%;bottom:8%}.settings{position:relative;left:3%}#settings{position:relative;left:33vw;top:-6vh;width:40vw;height:15vh;align-items:center;justify-content:space-around}#settings,.settingSound{display:flex;flex-direction:row}.settingSound{align-items:top;justify-content:space-between}.settingSound p{font-size:40px;padding-top:4vh;color:#fcde35;text-shadow:1px 1px #000,-1px -1px #000,-1px 1px #000,1px -1px #000}.settingSound button{margin:0 30px;padding:0}.settingSound button,.settingSound button img{width:70px;height:50px}
/*# sourceMappingURL=main.3a61fd28.chunk.css.map */