@import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap);@import url(https://fonts.googleapis.com/css2?family=Asap:wght@500&display=swap);*{font-family:"Open Sans",sans-serif;letter-spacing:1.5px}li{list-style-type:none}a{text-decoration:none}.closed-sidebar{display:-webkit-flex;display:flex;place-items:center;z-index:-1}.toggle-button{font-size:2rem;margin-left:.5rem;cursor:pointer;color:#2f4196;-webkit-animation:enlarge 2s ease-in-out infinite;animation:enlarge 2s ease-in-out infinite}.toggle-button:hover{color:#5569bf;transition:all .5s}@-webkit-keyframes enlarge{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes enlarge{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.closed-sidebar-title{font-size:2.4rem;margin-left:1rem;color:#2f4196}.sidebar{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#f5f5f5;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;transition:all .3s linear;-webkit-transform:translate(-100%);transform:translate(-100%);z-index:1}.show-sidebar{-webkit-transform:translate(0);transform:translate(0)}.close-button{font-size:1.5rem;cursor:pointer;color:#2f4196;margin-right:1rem}.close-button:hover{color:#5569bf;transition:all .5s}.sidebar-header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-top:1rem}.sidebar-logo{width:100px;margin-left:120px}.game-links{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;height:50%;margin-bottom:7rem}.game-links,.game-links>li{display:-webkit-flex;display:flex;place-items:center}.game-name{color:#2f4196;font-size:1.4rem;padding:.25rem;font-weight:bolder;text-transform:uppercase}.game-name:hover{color:#5569bf}.game-icon{color:#2f4196;font-size:1.5rem;margin-left:.75rem}.game-icon-image{width:1.5rem;margin-left:.75rem}.rps{width:2rem}@media screen and (min-width:700px){.sidebar{width:400px}}.section-center{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;place-items:center;margin-top:2rem}.sign-in-logo{width:8rem;margin-bottom:1rem}.sign-in-heading{width:90%;margin-bottom:5rem;text-align:center;color:#2f4196}.sign-in-btn{display:-webkit-flex;display:flex;place-items:center;-webkit-justify-content:space-between;justify-content:space-between;grid-gap:.75rem;gap:.75rem;background-color:#2f4196;color:#fff;padding:.5rem .75rem;border:none;border-radius:.2rem;font-size:1.5rem;cursor:pointer;-webkit-animation:bounce 2s ease-in-out infinite;animation:bounce 2s ease-in-out infinite;box-shadow:2px 2px 2px 2px #5569bf;transition:all 1s ease}.sign-in-btn:hover{background-color:#5569bf}@-webkit-keyframes bounce{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1);transform:scale(1)}}.display-game-icons{margin-top:5rem;margin-bottom:2rem;width:50%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.login-game-icon{font-size:3rem;color:#2f4196}.login-game-img{width:3rem}@media screen and (min-width:600px){.login-game-icon{font-size:3.5rem}.login-game-img{width:3.5rem}}@media screen and (min-width:950px){.display-game-icons{width:60%}}.loading-img-container{width:100vw;display:-webkit-flex;display:flex;place-items:center;-webkit-justify-content:center;justify-content:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.loading-img{width:200px}.error-page-heading{text-align:center;color:#2f4196;text-transform:capitalize;font-size:1.5rem;margin-bottom:1rem}.error-page-btn{display:-webkit-flex;display:flex;place-items:center;-webkit-justify-content:space-between;justify-content:space-between;grid-gap:.75rem;gap:.75rem;background-color:#2f4196;color:#fff;padding:.5rem .75rem;border:none;border-radius:.2rem;font-size:1.2rem;cursor:pointer;-webkit-animation:bounce 2s ease-in-out infinite;animation:bounce 2s ease-in-out infinite;box-shadow:2px 2px 2px 2px #5569bf;transition:all 1s ease;margin-top:1rem}.error-page-btn:hover{background-color:#5569bf}.home-section-center{margin-top:4rem}.home-section-center,.user-card{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;place-items:center}.user-card{grid-gap:1rem;gap:1rem;background-color:#3949ab;color:#fff;padding:4rem 2rem 2rem;border-radius:2rem;box-shadow:.2rem .2rem #5569bf;transition:all 1s;-webkit-animation:entry 2s ease-in-out;animation:entry 2s ease-in-out}.user-card:hover{-webkit-transform:scale(1.1);transform:scale(1.1);background-color:#5569bf}@-webkit-keyframes entry{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes entry{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.user-pic{border-radius:50%;object-fit:cover}.sign-out-btn{background-color:#000;color:#fff;font-size:1rem;padding:.5rem;border:none;cursor:pointer;font-weight:600}.sign-out-btn:hover{background-color:#fff;color:#000;-webkit-transform:scale(1.1);transform:scale(1.1)}.leaderboard{margin-top:4rem;margin-bottom:2rem;text-align:center}.leaderboard>h1{font-size:1.5rem;color:#2f4196}.underline{background-color:#2f4196;height:.5rem;width:10rem;margin:auto auto 1rem}.rankings{-webkit-justify-content:space-between;justify-content:space-between;grid-gap:1rem;gap:1rem}.leaderboard-card,.rankings{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.leaderboard-card{background-color:#3949ab;color:#fff;grid-gap:.7rem;gap:.7rem;padding:.5rem;box-shadow:.2rem .2rem #5569bf;cursor:pointer;border-radius:.6rem;transition:all .3s}.leaderboard-card:hover{background-color:#5569bf;-webkit-transform:scale(1.05);transform:scale(1.05)}.first-div{-webkit-justify-content:space-between;justify-content:space-between;font-size:1.1rem;font-weight:700}.first-div,.second-div{display:-webkit-flex;display:flex}.second-div{-webkit-flex-direction:column;flex-direction:column;grid-gap:.4rem;gap:.4rem}.current-card{background-color:#000;color:#fff;box-shadow:.2rem .2rem rgba(0,0,0,.507)}.current-card:hover{background-color:rgba(0,0,0,.507)}.btn-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.btn-container>button{font-size:1rem}.app-header{display:-webkit-flex;display:flex;min-height:100vh;-webkit-flex-direction:column;flex-direction:column;text-align:center;background-color:#131a28;color:#fff;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}h1,h4{margin-bottom:1rem}.square{width:150px;height:150px;font-size:64px;text-align:center;font-weight:bolder;padding:30px}.fc-aqua,.square{color:#1cdbf5}.fc-white{color:#fff}.fw-600{font-weight:bolder}.row{-webkit-flex-direction:row;flex-direction:row}.column,.row{display:-webkit-flex;display:flex}.column{-webkit-flex-direction:column;flex-direction:column}.jc-center{-webkit-justify-content:center;justify-content:center}.b-bottom-right{border-right:15px solid #1cdbf5}.b-bottom,.b-bottom-right{border-bottom:15px solid #1cdbf5}.b-right{border-right:15px solid #1cdbf5}.clear-button{width:-webkit-max-content;width:max-content;margin:40px auto 10px}button{margin-top:1rem;margin-bottom:1rem;background-color:#2f4196;color:#fff;border:none;font-size:1.1rem;cursor:pointer;padding:.5rem;transition:all .3s ease}button:hover{background-color:#5569bf}.score{font-size:2rem;margin-bottom:1rem}@media only screen and (max-width:600px){.square{width:100px;height:100px;font-size:32px;font-weight:bolder;padding:15px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.b-bottom-right{border-right:10px solid #1cdbf5}.b-bottom,.b-bottom-right{border-bottom:10px solid #1cdbf5}.b-right{border-right:10px solid #1cdbf5}.clear-button{width:-webkit-max-content;width:max-content;margin:40px auto 10px}}*{margin:0;padding:0;box-sizing:border-box}.rps-game{width:100%}.score-board{border:3px solid #000;width:200px;margin:20px auto;color:#2f4196;font-size:46px;border-radius:4px;text-align:center;padding:15px 20px;position:relative}.badge{background-color:#e2584d;color:#fff;font-size:14px;padding:2px 10px;font-family:Asap,sans-serif}#user-label{position:absolute;top:30px;left:-25px}#computer-label{position:absolute;top:30px;right:-25px}.result{font-size:2rem;color:#2f4196}.result>p{text-align:center;font-family:Asap,sans-serif;font-weight:700}.fa{font-size:60px;color:#2f4196}.choices{text-align:center;margin-top:50px}.choice{display:inline-block;border:4px solid #000;border-radius:50%;padding:20px;margin:0 20px;transition:all .3s ease}.choice:hover{background-color:#2f4196;cursor:pointer}.choice:hover .fa{color:#fff}#action-message,.high-score{color:#2f4196;text-align:center;font-family:Asap,sans-serif;font-weight:700;font-size:20px;margin-top:20px}.rps-game>h4{color:#2f4196;text-align:center;margin-top:1rem}
/*# sourceMappingURL=main.d547bcaa.chunk.css.map */