*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:'Asap',sans-serif;color:#fff}body{background:#292c34}header{background:#fff;padding:20px}header>h1{color:#24272e;text-align:center}.score-board{margin:20px auto;padding:15px 20px;border:3px solid #fff;border-radius:4px;width:200px;font-size:46px;text-align:center;position:relative}.badge{background:#e2584d;font-size:14px;padding:2px 10px}#user-label{position:absolute;top:30px;left:-25px}#computer-label{position:absolute;top:30px;right:-30px}.result>p{font-weight:700;font-size:40px}.choices,.result>p{text-align:center}.choice{display:inline-block;margin:40px 20px;width:190px;height:190px;background:url(../img/rock-paper-scissors-png-2.png) no-repeat;border:5px solid #fff;border-radius:50%;background-origin:padding-box;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}.choice:hover{cursor:pointer}#r{background-position:-35px -35px}#p{background-position:-405px -35px}#s{background-position:-770px -35px}#action-message{font-weight:700;font-size:20px;text-align:center}.win{-webkit-box-shadow:0 0 20px #40a119;box-shadow:0 0 20px #40a119;border-color:#5fe62a}.lost{-webkit-box-shadow:0 0 30px #b62121;box-shadow:0 0 30px #b62121;border-color:#e03b3b}.draw{-webkit-box-shadow:0 0 20px #fff;box-shadow:0 0 20px #fff;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}.disabled{pointer-events:none;cursor:default}@media screen and (max-device-width:750px){header{padding:10px}.badge{font-size:20px}.result p{font-size:30px}.choices{margin:15px 0}.choice{margin:0 10px;width:150px;height:150px;background-size:630%}#r{background-position:-36px -37px}#p{background-position:-365px -35px}#s{background-position:-690px -35px}}