body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center;padding:20px;font-family:sans-serif;color:#141313}.home-container{display:flex;flex-direction:column;align-items:center}.square-container{display:flex;justify-content:center;gap:40px;margin-top:30px}.square{width:200px;height:200px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:18px;font-weight:700;cursor:pointer;transition:transform .3s}.square:hover{transform:scale(1.05)}.squareNavy{background-color:navy}.squarePurple{background-color:purple}.squareProximity{background-color:#84c4ad}.home-bg{width:100vw;height:100vh;background-color:#000;display:flex;align-items:center;justify-content:center;color:#fff}.BirthdayMessage{background-color:#000;color:#fff;text-align:center;padding:20px;position:relative;height:100vh;overflow:hidden}.balloon{position:absolute;bottom:-100px;width:50px;height:70px;background-color:red;border-radius:50%;animation:float 5s linear infinite;z-index:-1}.balloon1{left:20%;animation-delay:0s;background-color:#ff6b6b}.balloon2{left:40%;animation-delay:1s;background-color:#ffdd59}.balloon3{left:60%;animation-delay:2s;background-color:#1dd1a1}.balloon4{left:80%;animation-delay:3s;background-color:#54a0ff}@keyframes float{0%{transform:translateY(0);opacity:1}50%{opacity:.8}to{transform:translateY(-120vh);opacity:0}}.GuessWord{background-color:#000;color:#fff;text-align:center;padding:20px;position:relative;height:100vh;overflow:hidden}.GuessWord ul li{color:#fff}.GuessWord ul li::marker{color:#000}.progress-container{width:300px;height:25px;background-color:#ddd;border-radius:5px;overflow:hidden;margin:1rem auto}.progress-bar{height:100%;background-color:#2196f3;color:#fff;text-align:center;line-height:25px;transition:width .5s ease-in-out}@keyframes floatUp{0%{bottom:-80px;opacity:1}to{bottom:120%;opacity:0}}.balloon{position:fixed;bottom:-80px;transform:translate(-50%);width:100px;height:100px;background:transparent;animation:floatUp 4s linear infinite;z-index:10}.balem{position:fixed;bottom:-80px;animation:floatUp 4s linear infinite;transform:translate(-50%);width:120px;height:170px;z-index:10}.options{color:#6787b6}