@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);:root{--color-one:#000;--color-two:#3d0000;--color-three:#950101;--color-four:red;--color-text:#0000b8}*{box-sizing:border-box;font-family:Bebas Neue,sans-serif;margin:0;padding:0}.App{display:flex;min-height:100vh;text-align:center}.Home{align-items:center;background:linear-gradient(180deg,#000,#3d0000 40%,#950101);border-radius:10px;border-top-left-radius:0;border-top-right-radius:0;display:flex;gap:10%;justify-content:center;margin:0 5px 5px;padding:10px}.StageCard{background-color:#000;background-repeat:no-repeat;background-size:cover;border-radius:10px;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:2rem;height:85%;justify-content:space-between;position:relative;transition:all .3s ease-in-out;width:35%}.StageCard:hover{box-shadow:0 54px 55px hsla(0,0%,100%,.25),0 -12px 30px hsla(0,0%,100%,.12),0 4px 6px hsla(0,0%,100%,.12),0 12px 13px hsla(0,0%,100%,.17),0 -3px 5px hsla(0,0%,100%,.09);-webkit-transform:scale(1.07);transform:scale(1.07)}.stage-name{border-bottom:none;border-top-left-radius:10px;border-top-right-radius:10px;font-size:3rem;padding:5px}.characters,.stage-name{background-color:rgba(0,0,0,.85)}.characters{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:none;display:flex;gap:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-around;overflow:hidden;padding:10px}.Character{align-items:center;display:flex;flex-direction:column;gap:2px}.char-img{height:80px}.Header+*{flex:1 1}.nav-list{background-color:var(--color-one);border-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0;display:flex;justify-content:space-around;margin:5px 5px 0;padding:10px}.nav-elem{list-style-type:none}.link{font-size:3rem;text-decoration:none}.Layout{display:flex;flex:1 1;flex-flow:column}.Game{background-color:var(--color-two);background:linear-gradient(180deg,#000,#3d0000 75%,#950101);border-radius:10px;display:flex;flex-direction:column;margin:5px;width:100%}.stage{align-self:center;position:relative;width:80%}.stage-image{cursor:crosshair;width:100%}.GameHeader{background-color:#000;border-radius:10px;color:#fff;display:flex;flex-direction:column;gap:10px;padding:10px}.game-characters{display:flex;font-size:2rem;justify-content:space-evenly}.game-characters .char-img{height:250px}.Timer{font-size:3rem}.Dropdown{background-color:#000;position:absolute}.char-option{border:1px solid #fff;color:#fff;cursor:pointer;font-size:2rem;list-style-type:none;padding:5px;transition:all .3s ease-in-out}.Dropdown .char-option+.char-option{border-top:none}.char-option:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}.overlay{background-color:rgba(0,0,0,.5);bottom:0;left:0;right:0;top:0}.game-over,.overlay{position:fixed;z-index:1}.game-over{background-color:var(--color-one);border:5px dashed var(--color-three);border-radius:10px;height:40%;justify-content:center;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40%}.game-over,.leaderboard-form{align-items:center;display:flex}.leaderboard-form{color:#fff;flex-direction:column;gap:15px}.leaderboard-form *{font-size:2.5rem}.leaderboard-form button{font-size:3rem;margin-top:20px;padding:5px}.ChoiceStatus{border-radius:10px;font-size:3rem;left:50%;padding:5px 10px;position:fixed;top:5%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Leaderboard{background:linear-gradient(180deg,#000,#3d0000 40%,#950101);border-radius:10px;border-top-left-radius:0;border-top-right-radius:0;display:flex;flex-direction:column;gap:100px;margin:0 5px 5px;padding:20px}.stages{gap:10%;min-height:30vh}.LeaderboardStageCard,.stages{display:flex;justify-content:center}.LeaderboardStageCard{align-items:center;border:3px dashed var(--color-four);cursor:pointer;font-size:2rem;height:100%;transition:all .3s ease-in-out;width:35%}.LeaderboardStageCard:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.leaderboard-stage-name{background-color:#000;border-radius:10px;color:#fff;width:20%}.ScoreTable{align-self:center;background-color:#000;border-collapse:collapse;color:#fff;font-size:2rem;width:80%}table,td,th{border:1px solid #fff;text-overflow:clip}th:nth-child(2){width:50%}.Info{background:linear-gradient(180deg,#000,#3d0000 40%,#950101);border-radius:10px;border-top-left-radius:0;border-top-right-radius:0;margin:0 5px 5px;padding:10px}.Info,.info-content{align-items:center;display:flex;justify-content:center}.info-content{background-color:var(--color-one);border-radius:10px;color:#fff;flex-direction:column;font-size:2.5rem;gap:20px;height:45%;width:40%}a{color:var(--color-three);text-decoration:none;width:25%}.images{display:flex;gap:50px;justify-content:center}.ref-img{-webkit-filter:invert(100%);filter:invert(100%);transition:all .3s ease-in-out;width:100%}.ref-img:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}
/*# sourceMappingURL=main.d2e93954.css.map*/