@import"https://fonts.googleapis.com/css?family=Press+Start+2P&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{font-family:"Press Start 2P",sans-serif;color:#eee;background-color:#222}header{position:relative;border-bottom:7px solid #eee;display:flex;flex-wrap:wrap}header .between{flex-basis:50%;font-size:1.4rem;text-align:end;padding:2rem;line-height:1.5}header .again{flex-basis:50%;padding:1rem 2rem 0}header h1{flex-basis:100%;font-size:4rem;min-height:220px;display:flex;align-items:center;justify-content:center;text-align:center}header .number{background:#eee;color:#333;font-size:6rem;width:20rem;padding:3rem 0rem;text-align:center;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}main{color:#eee;display:flex;align-items:center;justify-content:space-around;gap:1rem;padding:6rem 3rem}.left{width:33%;display:flex;flex-direction:column;align-items:center}.right{width:50%;font-size:2rem}.guess{background:none;border:4px solid #eee;font-family:inherit;color:inherit;font-size:5rem;padding:2.5rem;text-align:center;display:block;margin-bottom:3rem;max-width:100%}.btn{border:none;background-color:#eee;color:#222;font-size:2rem;font-family:inherit;padding:2rem 3rem;cursor:pointer}.btn:hover{background-color:#ccc}.message{margin-bottom:5rem;height:3rem}.label-score{margin-bottom:2rem}@media screen and (max-width: 768px){header,main{flex-direction:column;align-items:center}main{padding:8rem 2rem;gap:2rem;text-align:center}.left,.right{width:100%}}