*{margin:0;padding:0;box-sizing:border-box;font-family:Times New Roman,Times,serif}body{background-color:#b6e3f99b}header{width:100%;height:70px;display:flex;justify-content:space-evenly;align-items:center;font-size:2rem;color:#042b41}main{display:flex}.gameContainer{width:500px;height:650px;border:1px solid black;margin-left:50px;box-shadow:0 5px 5px #00000080,5px 0 5px #00000080}.displayScreen{background-color:#b3e5fc;width:100%;height:93%;font-size:4rem;color:red;padding:0 4.2px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.gameOverText{position:absolute;bottom:50%;animation:floatUPS 3s linear forwards}@keyframes floatUPS{0%{bottom:0}to{bottom:50%}}#playerInput{width:100%;height:7.1%;border:none;outline:none;border-top:1px solid black;padding-left:10px;font-size:1.2rem}.balloonContainer{width:50px;height:85px;position:absolute;display:flex;flex-direction:column;align-items:center;animation:floatUp 5s linear forwards}@keyframes floatUp{0%{bottom:0}to{bottom:100%}}.balloon{position:relative;width:50px;height:60px;background:radial-gradient(circle at 40% 30%,#ffffff80,red);border-radius:50% 50% 45% 45%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#444;font-weight:700;font-size:.9rem;box-shadow:0 4px 8px #0003}.thread{position:absolute;top:100%;left:50%;transform:translate(-50%);width:2px;height:25px;background-color:#444}.balloon.red{background:radial-gradient(circle at 40% 30%,#fff8,#e53935)}.balloon.blue{background:radial-gradient(circle at 40% 30%,#fff8,#1e88e5)}.balloon.yellow{background:radial-gradient(circle at 40% 30%,#fffa,#fdd835)}.balloon.green{background:radial-gradient(circle at 40% 30%,#fff8,#43a047)}.balloon.purple{background:radial-gradient(circle at 40% 30%,#fff8,#8e24aa)}.balloon.orange{background:radial-gradient(circle at 40% 30%,#fff8,#fb8c00)}.balloon.pink{background:radial-gradient(circle at 40% 30%,#fff8,#ec407a)}.balloon.aqua{background:radial-gradient(circle at 40% 30%,#fff8,#26c6da)}.ruleBox{width:300px;height:650px;border:1px solid black;box-shadow:0 5px 5px #00000080,5px 0 5px #00000080}.timer{width:100%;height:9%;background-color:#b6e3f9;padding-top:2vh;border-bottom:1px solid white}.timer>p{text-align:center;font-size:2rem}.leaderBoard{width:100%;height:45%;background-color:#b6e3f9;display:flex;align-items:center;flex-direction:column}.leaderBoard>img{height:30%}.leaderBoard>h2{color:#0f3660;margin:8px}.leaderBoard>div{width:80%;height:110px;border-radius:10px;background-color:#fff}.score{height:33%;display:flex;align-items:center}.score>img{width:13%;margin-left:10px}.score>span{width:70%;height:100%;display:flex;justify-content:space-between;align-items:center;margin-left:5px;font-size:1.2rem}.score>div{margin-left:12px;margin-right:6px;background-color:#ec6056;height:68%;aspect-ratio:1;border-radius:50%}.leaderBoard>div>div:last-child>div{background-color:#48af5e}.scoreBoard{position:relative}.scoreBoard>img{width:100%}.scoreBoard>div{position:absolute;width:120px;height:56px;top:45%;left:30%;background-color:#f8edd7;color:#023a5a;font-size:2rem;display:flex;justify-content:center;align-items:center}.scoreBoard .scoreChange{position:absolute;bottom:60px;left:170px;background-color:transparent;transform:translate(-50%);font-size:30px;font-weight:700;color:#4caf50;opacity:1;pointer-events:none;animation:floatUps 1s forwards}@keyframes floatUps{0%{transform:translateY(0) translate(-50%);opacity:1}to{transform:translateY(-40px) translate(-50%);opacity:0}}.typingTutorialImg{width:400px;height:400px;border:1px solid black;padding:1vh;box-shadow:0 5px 5px #00000080,5px 0 5px #00000080;margin-left:80px;font-size:1.5rem;text-align:center;display:flex;flex-direction:column;justify-content:space-evenly}.typingTutorialImg>img{width:100%}.typingTutorialImg>p{font-size:1.3rem}.settings{width:400px;height:150px;border:1px solid black;font-size:1.2rem;margin-left:80px;margin-bottom:50px;box-shadow:0 5px 5px #00000080,5px 0 5px #00000080;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.settings>h4{font-size:1.5rem}.settings select{height:25px;border-radius:3px;outline:none}.gameModal{width:800px;height:650px;position:absolute;top:70px;left:50px;background-color:#000000b3;z-index:999;display:flex;justify-content:center;align-items:center;opacity:1}.gameModal.hide{display:none;opacity:0}.gameModal>button{padding:15px 40px;font-size:1.5rem;font-weight:700;color:#fff;background:#ff0000b3;border:none;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px #0000004d;cursor:pointer;transition:all .3s ease}.gameModal>button:hover{background:#ff0000e6;transform:scale(1.05);box-shadow:0 12px 28px #0006}