.block{width:800px;height:400px;background-color:#90ee90;position:relative;border-radius:10px;border:2px solid #000;display:flex}.block .clickMe{width:100px;height:50px;border:2px solid #000;background:#fff;cursor:pointer}@media screen and (max-width:500px){.block .clickMe{background:#db3939;color:#fff}}*{margin:0;padding:0;box-sizing:border-box;font-family:Chakra Petch,sans-serif}body{max-width:800px;margin:40px auto}.start-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.hint{margin-top:10px;font-weight:300;text-align:center;padding:10px 20px}button{border-radius:10px;width:100px;height:50px;margin-top:20px;margin-bottom:25px;background:#90ee90;border:2px solid #000;cursor:pointer;font-weight:600;letter-spacing:.1rem}.result{margin-top:30px;font-weight:300}.result span{width:100%;color:#db3939;font-size:2.5rem;font-weight:600}.textresult{font-weight:700;text-align:center;margin-top:10px}@media screen and (max-width:500px){.result,.result span{width:300px;text-align:center}.result span{display:block}}