.home_wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.banner{color:#fff;font-size:3rem;font-weight:700;border:3px solid hsl(217,16%,45%);border-radius:20px;padding:4rem;margin:3rem 0}.rps_launch,.rpsls_launch{display:flex;flex-direction:column;justify-content:center;gap:10px;margin:1rem 0}.rps_launch .title,.rpsls_launch .title{font-size:2.5rem;font-weight:700;display:flex;gap:10px}.title span:nth-child(1){color:#eda621}.title span:nth-child(2){color:#4dbcd1}.title span:nth-child(3){color:#8f5ce7}.title span:nth-child(4){color:#4dbcd1}.title span:nth-child(5){color:#eda621}.rps_launch .icons,.rpsls_launch .icons{display:flex;justify-content:space-evenly}.rps_launch button,.rpsls_launch button{padding:10px;border:none;border-radius:5px;font-size:1.5rem;margin:10px 0;cursor:pointer;color:#000}.seprator{display:flex;flex-direction:column;width:300px}.seprator p:nth-child(1){display:flex;align-items:center;font-size:1.5rem;color:#fff;gap:5px}.seprator p:nth-child(2){text-align:center;color:#fff;margin:10px 0}.seprator hr{flex:1;height:2px}.rpsls_launch{display:flex;flex-direction:column;justify-content:center;gap:10px;margin:1rem 0}@media screen and (max-width: 800px){.home_wrapper{padding:1rem}.banner{font-size:1.3rem;padding:1.2rem 5px;border-radius:5px;margin:1rem 0}.rps_launch .title,.rpsls_launch .title{font-size:1.2rem}svg{scale:.8}.rps_launch,.rpsls_launch{gap:5px}}.pieceWrapper{background-color:#fff;border-radius:100%;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 6px 6px 1px #948484;transition:all .5s ease}.pieceWrapper:hover{scale:1.1}.rules_wrapper{position:absolute;display:flex;flex-direction:column;justify-content:space-between;gap:3rem;background-color:#fff;margin:0 auto;padding:2rem;top:20%;border-radius:10px}.rules_wrapper div:nth-child(1){display:flex;justify-content:space-between;font-size:2rem;font-weight:700}.rules_wrapper div:nth-child(1) span:nth-child(1){color:#636468}.rules_wrapper div:nth-child(1) span:nth-child(2){color:#b2b4c4;cursor:pointer}.RPSPage{display:flex;flex-direction:column;align-items:center;width:60%;height:100%;margin:0 auto}.RPSPage .banner{display:flex;justify-content:space-between;color:#fff;font-size:1rem;font-weight:700;border:3px solid hsl(217,16%,45%);border-radius:20px;padding:1rem;margin:3rem 0;width:800px}.RPSPage .banner h1{flex:1;display:flex;flex-direction:column;justify-content:center}.RPSPage .banner div{background-color:#fff;color:#343232;width:180px;height:120px;text-align:center;padding:1rem;border-radius:10px}.RPSPage .banner div p:nth-child(2){font-size:3rem;margin:5px 0;color:#636468}.RPSPage .banner div p:nth-child(1){font-size:1.8rem;margin:5px 0;color:#37499d}.game_board{width:500px;height:500px;margin:0 auto;position:relative;background-image:url(/assets/bg-triangle-af338703.svg);background-repeat:no-repeat;background-position:center}.game_board div:nth-child(1){position:absolute;top:20px}.game_board div:nth-child(2){position:absolute;top:20px;right:0}.game_board div:nth-child(3){position:absolute;bottom:20px;right:32%}.rules_btn{position:absolute;bottom:2rem;right:2rem;width:120px;padding:12px;background-color:transparent;border:2px solid hsl(217,16%,45%);color:#fff;border-radius:10px;font-size:1.2rem;cursor:pointer}.home_btn{position:absolute;bottom:2rem;left:2rem;width:120px;padding:12px;background-color:transparent;border:2px solid hsl(217,16%,45%);color:#fff;border-radius:10px;font-size:1.2rem;cursor:pointer}.result_board .middle button{padding:1rem 2rem;border:none;border-radius:5px;font-size:1.1rem;cursor:pointer;color:#000}@media screen and (max-width: 800px){.RPSPage,.RPSLSPage{width:100%!important;padding:5px!important;height:100vh!important}.RPSPage .banner,.RPSLSPage .banner{width:90%!important;font-size:10px!important;margin:1rem 0!important}.game_board{width:90%;height:80%}.game_board svg{scale:.5}.pieceWrapper{border-width:15px!important}.game_board div:nth-child(1){top:110px}.game_board div:nth-child(2){top:110px}.game_board div:nth-child(3){bottom:140px;right:32%}.pieceWrapper{height:120px!important;width:120px!important}.result_board div{font-size:1rem!important}.result_board{width:100%!important;height:70%!important;padding:5px 10px;overflow:hidden;flex-wrap:wrap}.result_board .middle{font-size:1.2rem!important;order:3!important;flex-basis:100%}.result_board .middle button{padding:10px!important;font-size:12px!important}.result_board .left{order:1!important}.result_board .right{order:2!important}.rules_btn{position:fixed;width:80px;padding:5px;font-size:12px;bottom:2px;right:2px}.home_btn{position:fixed;width:80px;padding:5px;font-size:12px;bottom:2px;left:2px}}.RPSLSPage{display:flex;flex-direction:column;align-items:center;width:60%;height:100%;margin:0 auto}.RPSLSPage .banner{display:flex;justify-content:space-between;color:#fff;font-size:10px;font-weight:700;border:3px solid hsl(217,16%,45%);border-radius:20px;padding:1rem;margin:3rem 0;width:800px}.RPSLSPage .banner h1{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px}.RPSLSPage .banner div{background-color:#fff;color:#343232;width:180px;height:120px;text-align:center;padding:1rem;border-radius:10px}.RPSLSPage .banner div p:nth-child(2){font-size:3rem;margin:5px 0;color:#636468}.RPSLSPage .banner div p:nth-child(1){font-size:1.8rem;margin:5px 0;color:#37499d}.RPSLSPage .game_board{width:500px;height:500px;margin:0 auto;position:relative;background-image:url(/assets/bg-pentagon-b75c8a50.svg);background-repeat:no-repeat;background-position:center}.RPSLSPage .game_board div:nth-child(1){position:absolute;top:20px;right:37%}.RPSLSPage .game_board div:nth-child(2){position:absolute;top:130px;right:0}.RPSLSPage .game_board div:nth-child(3){position:absolute;bottom:20px;right:12%}.RPSLSPage .game_board div:nth-child(4){position:absolute;bottom:20px;left:12%}.RPSLSPage .game_board div:nth-child(5){position:absolute;top:140px}.result_board{display:flex;justify-content:space-between;align-items:center;width:80%;height:60%}.result_board div{display:flex;flex-direction:column;gap:2rem;font-size:2rem;color:#fff;align-items:center}.result_board .right,.result_board .left{position:relative}.winner:after{content:"";background-color:#ffffff1a;width:400px;height:400px;position:absolute;border-radius:100%;z-index:-1}.winner:before{content:"";background-color:#ffffff1a;width:300px;height:300px;position:absolute;border-radius:100%;z-index:-1}.result_board .middle button{padding:1rem 2rem;border:none;border-radius:5px;font-size:1.1rem;cursor:pointer}@media screen and (max-width: 800px){.RPSLSPage .game_board{width:100%!important;height:100%!important}.RPSLSPage .game_board div:nth-child(1){position:absolute;top:90px;right:35%}.RPSLSPage .game_board div:nth-child(2){position:absolute;top:180px}.RPSLSPage .game_board div:nth-child(3){position:absolute;bottom:70px;right:5%}.RPSLSPage .game_board div:nth-child(4){position:absolute;bottom:70px;left:5%}.RPSLSPage .game_board div:nth-child(5){position:absolute;top:180px}.banner div{width:120px!important;height:80px!important}.banner h1{font-size:12px}.RPSPage .banner div p:nth-child(1){font-size:16px}.RPSPage .banner div p:nth-child(2){font-size:1.3rem}.RPSLSPage .banner div{height:110px!important}.RPSLSPage .banner div p:nth-child(1){font-size:1.2rem}.RPSLSPage .banner div p:nth-child(2){font-size:1.8rem}}html,body,#root{height:100vh;width:100vw;padding:1px}body{background-image:radial-gradient(hsl(214,47%,23%),hsl(237,49%,15%))}*{padding:0;margin:0;box-sizing:border-box}