.box{max-width:1920px;display:grid;background-color:bisque;grid-template-columns:repeat(3,1fr)}.score{display:flex;border:2px solid green;border-radius:10px;text-align:center;padding:.5rem;font-weight:900;font-family:Times New Roman,Times,serif}.Outer{display:flex;flex-direction:column;font-weight:700;height:100vh;width:40vw;justify-content:center;align-items:center;text-align:center}.hill{width:120px;height:150px;border:2px solid rgb(154,154,197);border-radius:10px}@media screen and (max-width: 640px){@media (orientation: portrait){.Outer,.panel{width:100%;max-width:80%;padding:1rem;font-size:1rem}.hill{width:60px;height:80px}}}.quitButton{position:absolute;top:10%;left:80%;border-radius:30%;display:none;text-align:center;font-size:14px;font-weight:700}.countdown-container{width:300px;height:300px;padding:5;background-color:#0ff;border:2px solid rgb(154,154,197);border-radius:10px}.countdown-container p:first-child{font-style:italic;font-size:5rem;font-weight:500;color:#000}@media screen and (max-width:640px){.countdown-container{max-width:150px;max-height:180px}.countdown-container p:nth-child(1){font-size:2.2rem;font-style:italic;font-weight:900}}.app{background-color:bisque;margin:0 auto;display:flex;width:100vw;height:100vh;flex-direction:column;justify-content:center;align-items:center;background-image:url(./assets/bgA.jpeg);background-size:cover;background-position:calc(45% + 10px);background-repeat:no-repeat}.timer{position:absolute;top:10px;left:10px}.gamePlay{display:flex;flex-direction:column;padding:1.2rem;text-align:center;border-radius:5px;font-weight:950;font-family:Courier New,Courier,monospace}.panel{background:gray;padding:20px;border-radius:50px;display:flex;margin-top:5%;flex-direction:column;text-align:left;height:300px;width:400px}.icon{background:teal;border-radius:100%;padding:10px}.heading{font-family:1rem sans-serif;font-weight:500;color:#f5f5f5;font-size:25px;margin-bottom:5px}.restart-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer}.restart-button:hover{background-color:#0056b3}.thank-you-message{width:300px;height:300px;padding:5;background-color:#0ff;border:2px solid rgb(154,154,197);border-radius:10px}.text p:first-child{font-size:2.3rem;font-weight:600;color:wheat;font-style:italic;font-family:Times New Roman,Times,serif}.spBut{color:#ff0}.rounded{border-radius:100%;padding:4px;width:16px;background:blue;display:flex;flex-direction:column}.grid{display:grid;grid-template-columns:repeat(2,1fr);width:50%;height:20%}.back{border-radius:50px;padding:10px;margin-bottom:15px;background:#fff}.ratBut{border-radius:100px;padding:2px;width:45px;height:50px}.ratBut:focus{background:#0056b3}.ratBut:hover{background:orange}.subrating{border-radius:50px;padding:10px;color:orange;margin-bottom:15px;background:#fff}.subrating:hover{background:orange;color:#fff}.group{display:flex;justify-content:space-between;padding:15px}.panel2{background:gray;padding:20px;border-radius:50px;display:flex;margin-top:5%;flex-direction:column;text-align:center;height:450px;width:400px}.hillThankYou{width:230px;height:150px;border-radius:80%}.flex{display:flex;flex-direction:column}.ScoreRating{width:80%;height:20%;color:orange;padding:4px;background:black;border-radius:50px}@media screen and (max-width: 640px){@media (orientation: portrait){.panel{width:90vw;height:100vw;padding:05%;margin:50px auto 0;display:flex;flex-direction:column}.panel text p:nth-child(1){font:size .25em;color:#fff8dc;font-style:italic;font-weight:900}.panel,.panel2{max-width:260px}}}