.box{width:40vw;border-radius:7px;margin:auto;margin-top:5rem;display:flex;flex-direction:column;gap:1rem;padding:4rem 3rem;background-color:#fff}.box h1{font-size:2rem;font-weight:600}.box hr{margin:.5rem;border:2px solid grey}.box h2{font-size:1.7rem;font-weight:300;margin-bottom:1rem}.box ul li{display:flex;align-items:center;border:2px solid grey;border-radius:8px;padding-left:1rem;height:60px;font-size:20px;cursor:pointer;margin-bottom:20px}.box button{margin-left:15.7rem;width:10rem;height:2.4rem;border-radius:7px;color:#fff;background-color:purple;font-size:1.5rem;border:none;cursor:pointer}.attempts{display:flex;align-items:center;justify-content:center;margin-left:3.3rem;font-size:1.2rem}.color{background-color:#90ee90;border:lightgreen}.colorless{background-color:red;border:red}.result h2{font-size:1.5rem}.result p{font-size:1.4rem;margin-top:1.4rem}.result button{margin-top:1.5rem;font-size:1.3rem}@media screen and (max-width: 600px){.box button{margin-left:1.4rem}.box .attempts{margin-left:.7rem}.box h2{font-size:larger}.box ul li{height:50px}.box{width:55vw}}*{margin:0;padding:0}body{height:100vh;background-color:#00f}