@import url(https://fonts.googleapis.com/css2?family=Tourney:ital,wght@0,900;1,100;1,300&display=swap);*{box-sizing:border-box;font-family:Tourney,cursive;margin:0;padding:0}:root{--darkPurple:#1a1a1d;--grey:#4e4e50;--maroon:#6f2232;--darkPink:#950740;--hotPink:#c3073f;--whitePink:#ffecec;--darkMaroon:#820000}body{background-color:#1a1a1d;background-color:var(--darkPurple)}.App{text-align:center}.App-header{min-height:100vh}.start-view-container{height:100vh}.start-view-items-container{align-items:center;background-color:var(--darkPurple);display:flex;height:86%;justify-content:center}#start-view-options-container{align-items:center;background-color:var(--maroon);border-radius:20px;display:flex;flex-flow:column wrap;gap:40px;height:350px;justify-content:center;width:500px}#start-view-options-container>button{background-color:var(--darkPurple);border:solid;border-color:#d10643;border-radius:15px;box-shadow:inset 0 0 5px 1px var(--hotPink),0 0 7px 2px var(--hotPink);color:var(--whitePink);display:block;font-family:Tourney,cursive;font-size:1.8rem;font-weight:900;height:70px;transition:all .1s ease-in-out;width:320px}#start-view-options-container>button:hover{border-color:#e10748;border-width:3px}#start-view-options-container>button:active{border-color:#e10748;border-width:3px;-webkit-transform:translateY(5px);transform:translateY(5px)}.navbar-container{flex-flow:row wrap;height:75px;justify-content:space-between;padding:0 18px;width:100%}.navbar-container,.navbar-logo{align-items:center;background-color:#311d23;display:flex}.navbar-logo{border-color:#6f2232;border-radius:10px;border-style:solid;box-shadow:inset 0 0 40px 40px #6f2232,0 0 0 0 #6f2232;color:var(--whitePink);font-family:Tourney,cursive;font-size:1.7rem;font-style:italic;font-weight:300;height:50px;justify-content:center;transition:all .15s ease-in-out;width:170px}.logo-container{align-items:center;display:flex;justify-content:center}.logo-container .user{color:var(--whitePink);font-size:1.3rem;margin-left:30px}.navbar-logo:hover{border-color:#9c2d44;box-shadow:inset 0 0 10px 0 #6f2232,0 0 12px 5px #6f2232}.navbar-logo:active{-webkit-transform:translateY(5px);transform:translateY(5px)}.navbar-buttons-container button{background-color:#311d23;border-color:#6f2232;border-radius:10px;border-style:solid;box-shadow:inset 0 0 40px 40px #6f2232,0 0 0 0 #6f2232;color:var(--whitePink);font-family:Tourney,cursive;font-size:1.4rem;height:50px;margin-left:10px;padding:0 18px;transition:all .15s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navbar-buttons-container button:hover{border-color:#9c2d44;box-shadow:inset 0 0 10px 0 #6f2232,0 0 12px 5px #6f2232}.navbar-buttons-container button:active{-webkit-transform:translateY(5px);transform:translateY(5px)}.join-board-screen-view-container{height:100vh}.join-board-screen-view-input-container{align-items:center;display:flex;height:86%;justify-content:center}.join-board-screen-input-container{align-items:center;background-color:var(--maroon);border-radius:20px;color:var(--whitePink);display:flex;flex-flow:column wrap;font-family:Tourney,cursive;font-size:1.8rem;font-weight:900;height:350px;justify-content:center;padding:36px;width:500px}.join-board-screen-input-container>div{align-items:center;display:flex;justify-content:center;margin:20px 0 0}.join-board-screen-input-container>div>input{background-color:var(--darkPurple);border:none;border-radius:10px 0 0 10px;color:var(--whitePink);font-size:1.8rem;height:60px;padding:20px;width:60%}.join-board-screen-input-container>div>.button{align-items:center;background-color:#262629;border:none;border-radius:0 10px 10px 0;display:flex;height:60px;justify-content:center;padding:12px;width:20%}.join-board-screen-input-container>div>.button img{height:40px;width:40px}.join-board-screen-input-container>h3{color:var(--whitePink);margin:0 0 16px}input:focus{background-color:var(--darkPurple);border:none;color:var(--whitePink);outline:none}input:-webkit-autofill{-webkit-text-fill-color:var(--darkPurple);-webkit-text-fill-color:var(--whitePink);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.button:hover{-webkit-filter:brightness(85%);filter:brightness(85%)}.button:active{-webkit-filter:brightness(65%);filter:brightness(65%)}.all-tiers-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:20px 0 30px}.all-tiers-container h2{color:var(--whitePink)}.tier-container{align-items:stretch;display:flex;height:auto;margin-bottom:8px;width:880px}#Select-tier{margin-top:20px;width:100%}#Select-tier .draggable-items{width:880px}.tier-name-container-S{align-items:center;background-color:#ff6663;display:flex;height:auto;justify-content:center;width:80px}.tier-name-container-S h2{color:var(--darkPurple)}.tier-name-container-A{align-items:center;background-color:#feb144;display:flex;justify-content:center;min-height:80px;width:80px}.tier-name-container-A h2{color:var(--darkPurple)}.tier-name-container-B{align-items:center;background-color:#fdfd97;display:flex;justify-content:center;min-height:80px;width:80px}.tier-name-container-B h2{color:var(--darkPurple)}.tier-name-container-C{align-items:center;background-color:#9ee09e;display:flex;justify-content:center;min-height:80px;width:80px}.tier-name-container-C h2{color:var(--darkPurple)}.tier-name-container-D{align-items:center;background-color:#9ec1cf;display:flex;justify-content:center;min-height:80px;width:80px}.tier-name-container-D h2{color:var(--darkPurple)}.tier-name-container-F{align-items:center;background-color:#cc99c9;display:flex;justify-content:center;min-height:80px;width:80px}.tier-name-container-F h2{color:var(--darkPurple)}.tier-name-container-Select{display:none}.draggable-items{display:flex;flex-wrap:wrap;min-height:80px;width:800px}.items{height:80px;width:80px}.board-view-container{flex-direction:column}.board-view-container,.rank-board-container{align-items:center;display:flex;justify-content:center}.rank-board-container{background-color:teal;height:700px;margin:60px 0 0;width:90%}.board-view-board-info-container{align-items:center;color:var(--whitePink);display:flex;font-size:1.4rem;height:50px;justify-content:space-between;margin-top:40px;width:880px}.board-view-board-code{background-color:var(--maroon);border-radius:10px;padding:12px 18px}.user-view-container{background-color:var(--darkPurple);height:100vh}.user-container,.user-view-container{align-items:center;color:var(--whitePink);display:flex;justify-content:center}.user-container{background-color:var(--maroon);border-radius:20px;flex-flow:column wrap;font-size:1.8rem;gap:40px;height:350px;margin-top:40px;width:500px}.user-container input{background-color:var(--darkPurple);border:none;border-radius:10px 0 0 10px;color:var(--whitePink);font-size:1.8rem;height:60px;padding:20px;width:60%}.user-container button{align-items:center;background-color:#262629;border:none;border-radius:0 10px 10px 0;display:flex;height:60px;justify-content:center;margin:0;padding:12px;width:20%}.user-container button:hover{-webkit-filter:brightness(85%);filter:brightness(85%)}.user-container button:active{-webkit-filter:brightness(65%);filter:brightness(65%)}.user-input-container{align-items:center;display:flex;justify-content:center}img{height:40px}.users-container{align-items:center;background-color:#2f2f33;border-radius:10px;color:var(--whitePink);display:flex;flex-wrap:wrap;font-size:1.4rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:flex-start;margin-bottom:40px;padding:30px;width:880px}.users-container button{background-color:var(--maroon);border:solid;border-color:var(--maroon);border-radius:8px;border-width:3px;color:var(--whitePink);font-size:1.2rem;margin-left:20px;padding:5px 8px;transition:all .15s ease-in-out}.users-container button:hover{border-color:#932d42}
/*# sourceMappingURL=main.60b951bc.css.map*/