body{background-color:#f5f5f5}.container{max-width:1200px;margin:auto;text-align:center}#chronometer{font-size:25px;font-weight:700;color:#333;background-color:#fff;border:2px solid #ccc;padding:10px 20px;border-radius:10px;display:inline-block}.item{width:50px;height:50px;background-color:#00f;color:#fff;border-radius:10px;margin:3px;vertical-align:middle;cursor:pointer}@media screen and (min-width:700px){.item{width:80px;height:80px}}@media screen and (min-width:1024px){.item{width:145px;height:145px}}.item .text-item{display:none}@media screen and (min-width:700px){.item .text-item{display:block;font-size:17px}}@media screen and (min-width:1024px){.item .text-item{font-size:25px}}img{width:50px;height:50px;margin:3px;vertical-align:middle}@media screen and (min-width:700px){img{width:80px;height:80px}}@media screen and (min-width:1024px){img{width:145px;height:145px}}.restart{background-color:#4caf50;border:none;color:#fff;padding:12px 24px;text-align:center;text-decoration:none;font-size:16px;border-radius:4px;cursor:pointer}.restart:hover{background-color:#3e8e41}.restart:active{background-color:#4caf50;-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}.win{font-size:24px;font-weight:700;color:#4caf50;margin-top:0}@media screen and (min-width:700px){.win{font-size:30px}}@media screen and (min-width:1024px){.win{font-size:35px}}@media screen and (min-width:700px){.record{font-size:20px}}@media screen and (min-width:1024px){.record{font-size:25px}}@media screen and (min-width:700px){.message{font-size:15px}}@media screen and (min-width:1024px){.message{font-size:20px}}.hide{display:none}