body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes pop1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes pop4{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes popintop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes popinbottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.App{display:flex;flex-direction:row;height:100%;overflow:hidden;position:fixed;width:100vw}img{object-fit:contain;padding:2vw;width:60%}.confetti-img{height:100%;margin:0;padding:0;width:100%}.vs-text{font-family:sans-serif;font-size:bold;font-size:7vw;margin:0;z-index:2}p{color:#fff;font-size:.9rem;margin:.5rem .5rem .2rem}.center-text{text-align:center}.bold-text{font-size:1rem;font-weight:700}.next-comp-text{margin:0}.row{align-items:center;display:flex;flex-direction:row}.theme-row{margin-left:.5rem;margin-top:.5rem}.game-view{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;overflow:hidden;position:relative;transition:.5s;width:75%}.background-view{height:100%;position:absolute;transform:rotate(-45deg) scale(1.5);width:130%;z-index:0}.radial-view{background-image:radial-gradient(#f6f6f6,#4a91c4);height:100vw;opacity:.7;position:absolute;transform:scale(1);width:100vw}.side-bar{padding:1.5vw;position:relative;transition:.5s;width:25%}.top-sidebar{height:93%;overflow-y:scroll}.bottom-sidebar{height:7%}.side-bar-comp{margin-bottom:4vh}.choice-comp{border-radius:.5rem;box-shadow:0 0 20px rgba(0,0,0,.3);cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:100rem;min-width:20rem;padding:1rem;position:relative;width:calc(57% - 780px + 100vh);z-index:1}.background-confetti{height:100%;position:absolute;width:100%}.background-confetti,.choice{align-items:center;display:flex;justify-content:center}.choice{background-color:#fff;width:31%}.background-row{height:16%;width:100%}.input-holder{border-radius:.5rem;box-shadow:0 0 10px rgba(0,0,0,.3);display:flex;height:3rem;padding:.7rem;width:50%;z-index:2}.input-comp{background-color:#fff;border:0;border-radius:.2rem;font-size:1rem;font-weight:700;height:100%;margin:0;padding:0;width:100%}.next-op-comp{z-index:2}.opponent{border-radius:.2rem;font-weight:700;margin-right:.2rem;padding:.4rem}.next-opponent{border-radius:.2rem;box-shadow:0 0 10px rgba(0,0,0,.3);cursor:pointer;margin:1vw;padding:1vw}.next-opponent:hover{opacity:.7}.rang-comp{border-radius:.2rem;padding:.2rem;width:7%}.opponent-name,.rang-comp{align-items:center;display:flex;justify-content:center}.opponent-name{position:absolute;width:calc(100% - 2rem)}.opponent-comp-text{border-radius:.2rem;font-size:.8rem;min-width:39%;padding:.4rem;text-align:center}.opponent-top{top:-1.8rem}.opponent-bottom{bottom:-1.8rem}.sidebar-activator{display:none}.win-row-comp{display:flex;height:22%;left:-.3rem;padding:.4rem;position:absolute;top:-28%;width:calc(100% - 2rem)}.color-button{border:.1rem solid transparent;border-radius:.2rem;box-shadow:0 0 .5rem rgba(0,0,0,.3);cursor:pointer;height:2rem;margin-right:3%;width:2rem}.active-button{border-color:#fff;border-width:.1rem}.add-button{aspect-ratio:1/1;border-color:#fff;border-radius:.2rem;border-style:solid;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;height:100%;transition:.5s}.add-button:hover{transform:scale(1.05)}.close-button{border-color:#fff;border-radius:.2rem;border-style:solid;color:#fff;cursor:pointer;font-weight:700;height:2rem;position:absolute;right:.5rem;top:-3rem;width:30%}.close-button:active{opacity:.8}.share-button{border-color:transparent;border-style:solid;bottom:1vh;color:#fff;cursor:pointer;font-size:1vw;font-weight:700;height:100%;width:100%}.share-button:hover{opacity:.5}.win-button{border-color:transparent;border-radius:.2rem;border-style:solid;box-shadow:0 0 5px rgba(0,0,0,.3);cursor:pointer;margin:0;width:12%}.win-button:hover{opacity:.8}.blue-theme{background-color:#4a91c4}.dark-blue{background-color:#306b95}.blue-text{color:#4a91c4}.light-blue{background-color:#50a3de}.dark-dark-blue{background-color:#05243a}.purple-theme{background-color:#8e3dbd}.purple-text{color:#8e3dbd}.dark-purple{background-color:#4a0c6e}.light-purple{background-color:#b536ff}.dark-dark-purple{background-color:#230335}.orange-theme{background-color:#b24f0d}.orange-text{color:#b24f0d}.dark-orange{background-color:#753408}.light-orange{background-color:#dd600d}.dark-dark-orange{background-color:#3d1b04}.green-theme{background-color:#369f3d}.green-text{color:#3dbd46}.dark-green{background-color:#297b2e}.light-green{background-color:#4ade54}.dark-dark-green{background-color:#0b370e}.green-circle{background-color:#0f0;border-radius:1rem;height:.8rem;margin-left:.3rem;width:.8rem}.greencircle-text{margin-bottom:0!important;margin-top:0!important}.pop-animation{animation-name:pop;animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}.pop-animation,.pop-animation-1{animation-direction:normal;animation-duration:.4s}.pop-animation-1{animation-name:pop1;animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}.pop-animation-4{animation-direction:normal;animation-duration:.4s;animation-name:pop4;animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}.pop-animation-3{animation-direction:normal;animation-duration:1s;animation-iteration-count:3;animation-name:pop;animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}.pop-in-top{animation-name:popintop;animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}.pop-in-bottom,.pop-in-top{animation-direction:normal;animation-duration:.4s}.pop-in-bottom{animation-name:popinbottom;animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}@media screen and (max-width:850px){.App{flex-direction:column}.input-comp{padding-left:.5rem}.game-view{height:100vh;width:100vw}.background-view{width:180%}.radial-view{height:100vh}.side-bar{border-top-left-radius:.5rem;border-top-right-radius:.5rem;bottom:-100px;bottom:-100vh;box-shadow:0 -1px 10px rgba(0,0,0,.3);display:none;height:75vh;padding:.5rem;position:absolute;transition:.5s;transition-timing-function:cubic-bezier(.175,.885,.32,1.275);width:calc(100vw - 1rem);z-index:3}.undo-display{display:flex}.share-button{font-size:1rem;height:100%;width:100%}.win-text{font-size:18vw!important}.side-bar-active{bottom:0;display:flex;flex-direction:column;transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition:.5s}.choice-comp{max-width:30rem;min-width:0;min-width:auto;width:80%}.vs-text{font-size:13vh}.input-holder{width:80%}.sidebar-activator{align-items:center;border-color:transparent;border-style:solid;cursor:pointer;display:flex;height:8vh;justify-content:center;width:100vw}.sidebar-activator:active{opacity:.7}.top-sidebar{height:90%;overflow-y:scroll}.bottom-sidebar{height:10%}.win-row-comp{height:36%;top:-49%}.confetti-img{transform:scale(1.3)}.win-button{width:14%}}
/*# sourceMappingURL=main.37ee8db5.css.map*/