*{box-sizing:border-box;margin:0;padding:0}body{background-image:-webkit-linear-gradient(rgba(62,20,20,.4),rgba(62,20,20,.4)),url(../assets/images/back.jpg);background-image:linear-gradient(rgba(62,20,20,.4),rgba(62,20,20,.4)),url(../assets/images/back.jpg);background-position:50%;background-size:cover;height:100vh;position:relative}body,button{color:#555;font-family:Lato;font-weight:300}button{background:none;border:none;cursor:pointer;font-size:20px;left:50%;position:absolute;text-transform:uppercase;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s;width:200px}button:hover{font-weight:600}button:hover i{margin-right:20px}button:focus{outline:none}i{color:#eb4d4d;display:inline-block;font-size:32px;line-height:1;margin-right:15px;margin-top:-4px;-webkit-transition:margin .3s;transition:margin .3s;vertical-align:text-top}.btn__new{top:45px}.btn__roll{top:403px}.btn__hold{top:467px}.dice{position:absolute;box-shadow:0 10px 60px rgba(0,0,0,.1);height:80px;left:50%;top:178px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#dice-1{top:0}#dice-2{top:50px}.player,.player-1-panel,.player-2-panel{float:left;height:600px;padding:100px;width:50%}.player__name{font-size:40px;text-transform:uppercase;letter-spacing:2px;margin-top:20px;margin-bottom:10px;position:relative}.player__name,.player__score{text-align:center;font-weight:100}.player__score{color:#eb4d4d;font-size:80px;margin-bottom:130px}.player__current-box{background-color:#eb4d4d;color:#fff;margin:0 auto;padding:12px;text-align:center;width:40%}.player__current-label{color:#222;font-size:12px;margin-bottom:10px;text-transform:uppercase}.player__current-score{font-size:30px}.player--active{background-color:#f7f7f7}.player--active>.player__name{font-weight:300}.player--active>.player__name:after{color:#eb4d4d;content:"\2022";font-size:47px;position:absolute;top:-7px;right:10px}.winner{background-color:#f7f7f7}.winner .player__name{font-weight:300;color:#eb4d4d}.wrapper{background-color:#fff;box-shadow:0 10px 50px rgba(0,0,0,.3);left:50%;position:absolute;overflow:hidden;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1000px}.wrapper:after{clear:both;content:"";display:table}