:root{height:70vh;display:flex;justify-content:center;align-items:center;text-align:center;font-family:Arial,Helvetica,sans-serif}h1{margin-bottom:4rem}p{margin-bottom:2rem}.button-container{width:116px}.game-button{border-radius:20%;border-width:3px;border-color:#000;border-style:solid;background-color:#fff;height:6rem;width:6rem;font-size:3rem;padding:0;margin:0 10px}.game-button:hover{background-color:#242424;cursor:pointer}.game-title{margin:.5rem 0px}.game-button-container{display:flex;justify-content:center}.header{display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:30px;padding-top:100px}.title{margin:0}.back-button{position:absolute;left:0;background:none;border-width:0;height:40px;width:40px;border-radius:50%;font-size:25px;padding:0}.back-button:hover{background-color:#c9c9c9;cursor:pointer}.restart-button{border-radius:20px;background-color:#989898;border-width:0;height:40px;width:100px;margin-top:30px;color:#fff;font-weight:700}.restart-button:hover{cursor:pointer;background-color:#747474}.board{display:grid;grid-template-columns:repeat(3,0fr);justify-content:center}.tile{height:5rem;width:5rem;background-color:#fff;padding:0;font-size:2.5rem}.tile:hover{cursor:pointer;background-color:#d4d4d4}.disabled-tile:hover{cursor:default;background-color:#fff}.winning-tile{background-color:#00ab00}.winning-tile:hover{cursor:default;background-color:#00ab00}.left-tile{border-left:0}.upper-tile{border-top:0}.right-tile{border-right:0}.bottom-tile{border-bottom:0}.card-container{display:grid;grid-template-columns:repeat(5,0fr);justify-content:center;width:550px;height:280px;align-items:center}.card{border-radius:5px;border-width:0;height:100px;width:70px;margin:20px;font-size:35px;padding:0}.card:hover{cursor:pointer}.hidden-card{background-color:#b7b7b7}.hidden-card:hover{background-color:#a8a8a8}.revealed-card:hover{cursor:default}.winning-text{width:100vh}.rock-paper-scissor-container{display:flex;justify-content:center}.rock-paper-scissor-left-container,.rock-paper-scissor-right-container{display:grid;border-style:solid;border-width:1px;border-radius:20px;padding:0 20px 20px}.rock-paper-scissor-option-container{display:grid;justify-content:center;align-items:center;margin-left:auto}.rock-paper-scissor-option{height:50px;width:50px;font-size:30px;padding-bottom:10px;margin:10px 0;border-radius:5px;background-color:#f0f0f0;border-width:1px}.rock-paper-scissor-option:hover{background-color:#bebebe;border-width:2px;cursor:pointer}.rock-paper-scissor-option-selected{border-color:#000;border-style:solid;border-width:2px;height:90px;width:100px;padding-bottom:10px;background-color:#ddd;border-radius:20px;display:flex;justify-content:center;align-items:center;font-size:50px}.rock-paper-scissor-left-panel,.rock-paper-scissor-right-panel{display:flex;align-items:center;width:280px;height:210px}.rock-paper-scissor-middle-panel{display:flex;justify-content:center;align-items:center;font-size:30px;width:100px;padding-top:35px}.rock-paper-scissor-left-panel .rock-paper-scissor-option-selected,.rock-paper-scissor-right-panel .rps-score-counter{margin-left:auto}.rps-score-counter{display:grid;border-style:solid;border-width:1px;border-radius:5px;height:80px;width:65px;justify-content:center;align-items:center}.score-title{padding-top:10px}.score-number{padding-bottom:10px}.rps-button-container{display:grid;justify-content:center}#play-button{background-color:#00a900;border-style:none;width:100px;height:40px;border-radius:20px;color:#fff;font-weight:700;margin-top:20px}#play-button:hover{cursor:pointer;background-color:green}#play-button:disabled{background-color:#989898}#play-button:disabled:hover{cursor:not-allowed}
