*{box-sizing:border-box;margin:0;padding:0}body{background-color:#eee;font-family:Exo,sans-serif}.login-section,.nav-container{align-items:center;display:flex}.nav-container{background-color:#f17829;box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d;color:#fff;padding:2em 2.5em}.login-section{margin-left:auto}.login{border-right:1px solid #fff;margin-right:.5em;padding-right:.5em}.login,.signup{cursor:pointer}.login-container{background-color:#fff;border-radius:.4em;box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d;margin:2em auto auto;padding-bottom:1.5em;padding-top:1.5em;width:400px}.login-container .error-signup{color:red;font-size:.8rem;font-weight:700;margin-bottom:1rem;text-align:center}.login-container .error-login{color:red;font-size:.8rem;font-weight:700;margin:auto auto 1rem;text-align:center;width:300px}.cat{border-radius:3em;display:flex;height:75px;margin:auto auto 1em;width:75px}.email-container,.pw-container,.user-container{align-items:left;display:flex;flex-direction:column;margin:auto;width:250px}.email,.pw,.user{border:1px solid #d8d8d8;border-radius:.3em;margin-bottom:1.5em;margin-top:.2em;padding:.3em;width:250px}.login-button,label{font-weight:700}.login-button{background-color:#fff;border:1px solid #f17829;border-radius:.3em;color:#f17829;cursor:pointer;display:flex;font-family:Exo,sans-serif;justify-content:center;margin:auto auto 1.5em;padding:.8em 0;width:250px}.login-button:hover{background-color:#f17829;color:#fff}.member{align-items:left;display:flex;font-size:.8em;justify-content:bottom;margin:auto;width:250px}.signup-member{margin-left:.3em}.signup-member-button{color:#f17829;font-size:.8em;text-decoration:none}.nav-buttons{color:#fff;text-decoration:none}.nav{align-items:center;background-color:#f17829;color:#fff;display:flex;flex-direction:column;min-height:100vh;position:fixed;width:160px}.nav .user-profile{border:none;border-radius:1.5em;height:50px;margin-bottom:.5em;margin-top:1em;width:50px}.nav .home{margin-top:auto;text-decoration:none}.nav .home h3{color:#fff}.nav .bet{margin-bottom:1em;margin-top:1em;text-decoration:none}.nav .bet h3{color:#fff}.nav .profit{text-decoration:none}.nav .profit h3{color:#fff}.nav .logout{background-color:#fff;border:1px solid #f17829;border-radius:.3em;color:#f17829;cursor:pointer;font-family:Exo,sans-serif;font-weight:700;margin-bottom:2em;margin-top:auto;padding:.8em 1em}.user-nav{align-items:center;background-color:#fff;display:flex;flex-direction:column;min-height:100vh}.user-nav .online{background-color:#13e713;border-radius:1em;height:10px;margin:auto;width:10px}.user-nav h1{border-bottom:1px solid #eee;margin-bottom:.5em;margin-top:.5em;padding-bottom:.5em;text-align:center;width:100%}.user-nav h2{font-size:1rem;font-weight:400;margin:auto auto auto .5em}.user-nav .username{display:flex;margin-bottom:.5em}.user-nav .user-profile{border-radius:1em;height:25px;margin-left:.5em;width:25px}.loading{margin-left:160px;padding-top:1em;text-align:center}.main{margin-left:160px}.main,.main .game-container{display:flex;justify-content:center;text-align:center}.main .game-container{flex-wrap:wrap;margin:auto}.main .game{background-color:#fff;border-radius:.5em;margin:1em;padding:1em .5em;width:275px}.main .game h1,.main .game p{font-size:1rem}.main .game .time{font-size:1rem;font-weight:400}.main .game span{font-size:1.7rem}.main .game .score{font-size:.5rem;margin-bottom:2em;margin-top:2em}.main .game .bet1{border:1px solid #2d033b;border-bottom-left-radius:6px;border-right:none;border-top-left-radius:6px}.main .game .bet2{border:1px solid #2d033b;border-bottom-right-radius:6px;border-top-right-radius:6px}.main .game .bet{-webkit-appearance:button;appearance:button;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff;box-shadow:inset 0 0 0 1px #32325d1a,0 2px 5px 0 #32325d1a,0 1px 1px 0 #00000012;box-sizing:border-box;color:#1a120b;cursor:pointer;font-family:Exo,sans-serif;margin-bottom:2em;outline:none;overflow:hidden;padding:.5em 1em;text-align:center;text-transform:none;touch-action:manipulation;transform:translateZ(0);transition:all .2s,box-shadow .08s ease-in;user-select:none;-webkit-user-select:none;width:100px}.main .game .bet:disabled{cursor:default}.main .game .betActive{background-color:#82cd47;color:#fff}.main .game .wager{margin-bottom:1em;padding-left:1em;text-align:center;width:125px}.main .game .betButton{cursor:pointer}.main .game .betButton,.main .game .disabledButton{background-color:#1c84ff;border-radius:.5em;border-style:none;color:#fff;font-family:Exo,sans-serif;margin-left:1em;padding:.5em 1.5em}.main .game .disabledButton{cursor:not-allowed;opacity:.6}.betFail{color:red;text-align:center}.betSuccess{color:green;text-align:center}.bet-container .bets{background-color:#fff;box-shadow:0 2px 10px 0 #63636333;margin-left:160px;padding:1em 0}.bet-container .bets .game{font-weight:400}.bet-container .game{font-size:1.2rem;text-align:center}.bet-container .myTeam{font-size:1rem}.bet-container .teamSpread{align-items:center;display:flex;font-size:1rem;justify-content:space-between;padding:0 60px}.bet-container .betAmount,.bet-container .profit,.bet-container .result{font-size:1rem}.bet-container .result{font-size:1.5rem;font-weight:700;text-align:center}.bet-container .loss{color:red}.bet-container .win{color:#13e713}.bet-container .noBet{margin-left:160px;text-align:center}.bet-container .wagerAmount{align-items:center;display:flex;justify-content:space-between;padding:0 60px}.profit-container{display:grid;grid-template-columns:100%;grid-template-rows:50% auto auto;justify-content:center;margin-left:160px;transform:translateY(20%)}.chart{height:100%;margin:auto auto 10em;width:100%}.start-container{margin:auto}.start-price{cursor:pointer;margin:auto}.start-other{display:flex;justify-content:space-between}.start-other .start-profit{margin-left:2em}.start-other .bet-title{margin-right:2em}.start-info{display:flex;justify-content:space-between}.start-info .profit-amount{margin-left:3.7em}.start-info .bet-amount{margin-right:5.3em}.start-amount{height:42.5px;margin:auto;width:200px}@media (min-width:1081px){.main .game-container{transform:translateY(15%)}}.footer{bottom:10px;font-size:1rem;position:fixed;text-align:center;width:100%}
/*# sourceMappingURL=main.5e125c61.css.map*/