.rules{position:fixed;top:0;right:auto;bottom:auto;left:0;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100vw;height:100vh;background-color:rgba(0,0,0,0.5)}.rules header{position:relative;z-index:-1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;width:70%;padding-top:1rem;padding-bottom:2rem;margin-bottom:-1rem;border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;background-color:#302b63;font-size:1.5rem;font-weight:bold}.rules .close{position:absolute;top:0;right:1rem;padding:1rem;cursor:pointer}.rules .wrapper{width:70%;height:70%;padding:2rem;border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem;background-color:whitesmoke;color:black;overflow-y:scroll;text-align:justify}.rules ul.images{padding-left:0}.rules ul.images li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:0.5rem}.rules img{width:4rem;height:4rem;margin-right:1rem}.game>header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;width:100%;max-width:100vw}.game>header .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:1rem}.game>header .title{font-size:2.5rem;margin:0 3rem}.game>header .title span{margin-right:1.5rem}.game>header .next,.game>header .prev{margin-top:0.6rem;-webkit-transition:color 0.5s,-webkit-transform 0.5s;transition:color 0.5s,-webkit-transform 0.5s;transition:color 0.5s,transform 0.5s;transition:color 0.5s,transform 0.5s,-webkit-transform 0.5s}.game>header .next:first-child:hover,.game>header .prev:first-child:hover{-webkit-transform:translateX(-0.5rem);transform:translateX(-0.5rem)}.game>header .next:last-child:hover,.game>header .prev:last-child:hover{-webkit-transform:translateX(0.5rem);transform:translateX(0.5rem)}.game>header .reset{padding:0;margin-right:15rem;font-size:1.5rem}