html{box-sizing:border-box;scroll-behavior:smooth}body{background-color:#fff;margin:0;font-family:Poppins,sans-serif;overflow-x:hidden}.song{visibility:hidden}.container{text-align:center;visibility:hidden;width:100vw;height:100vh;margin:0 auto;position:relative;overflow:hidden}.container>div{position:absolute;top:20vh;left:0;right:0}.one{font-size:4.5rem}.two{font-size:1.2rem;font-weight:lighter}.three{font-size:3rem}.four .text-box{border:3px solid #aaa;border-radius:5px;width:600px;max-width:90%;margin:0 auto;padding:10px;position:relative}.text-box p{text-align:left;margin:0}.text-box span{visibility:hidden}.text-box .fake-btn{color:#fff;background-color:#15a1ed;border-radius:3px;padding:.5rem 1rem;position:absolute;bottom:-50px;right:5px}.five p{text-align:center;margin:10px auto;font-size:2rem;position:absolute;left:0;right:0}.idea-3 strong{color:#fff;background-color:#15a1ed;border-radius:3px;padding:5px 10px;text-decoration:underline #15a1ed;text-decoration-thickness:3px;display:inline-block}.five .idea-5{font-size:4rem}.idea-5 span,.idea-6 span,.wish-hbd span{display:inline-block}.idea-6 span{font-size:15rem;line-height:1}.six{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative;top:10vh}.six img{max-width:100%;height:350px;display:block}.six .hat{width:80px;position:absolute;top:-35%;left:50%;transform:translate(-50%)rotate(-20deg)}.baloons img{max-width:15vw;display:inline-block;position:absolute}.baloons img:nth-child(2n){left:-10%}.baloons img:nth-child(odd){right:-10%}.baloons img:nth-child(3n){left:30%}.seven,.eight{width:100vw;height:100vh;position:fixed;top:0}.eight svg{visibility:hidden;z-index:-1;width:25px;position:absolute;top:0;left:0}.eight svg:first-child{fill:#bd6ecf;top:7vh;left:5vw}.eight svg:nth-child(2){fill:#7dd175;top:23vh;left:35vw}.eight svg:nth-child(3){fill:#349d8b;top:33vh;left:23vw}.eight svg:nth-child(4){fill:#347a9d;top:43vh;left:57vw}.eight svg:nth-child(5){fill:#c66053;top:68vh;left:7vw}.eight svg:nth-child(6){fill:#bfaa40;top:42vh;left:77vw}.eight svg:nth-child(7){fill:#e3bae8;top:68vh;left:83vw}.eight svg:nth-child(8){fill:#8762cb;top:86vh;left:37vw}.eight svg:nth-child(9){fill:#9a90da;top:94vh;left:87vw}.wish-hbd{text-transform:uppercase;margin-top:20px;margin-bottom:5px;font-size:3em;line-height:1.1}.wish h5{margin-top:5px;margin-bottom:20px;font-size:2rem;font-weight:lighter;line-height:1.3}.nine p{font-size:2rem;font-weight:lighter}#replay{cursor:pointer;z-index:3}@media screen and (width<=768px){.one{font-size:8vw}.three{font-size:6vw}.five p{font-size:1.6rem}.six img{height:300px}.idea-6 span{font-size:12rem}}@media screen and (width<=600px){.container{width:100%}.four .text-box{width:90%;max-width:500px}.text-box .fake-btn{bottom:-40px;right:5px}.five p{font-size:1.5rem}.idea-5{font-size:2.5rem}.idea-6 span{font-size:10rem}.six img{height:250px}.six .hat{width:60px;top:-30%}.wish-hbd{margin-top:15px;margin-bottom:3px;font-size:2.4em;line-height:1.2}.wish h5{margin-top:3px;margin-bottom:15px;font-size:1.4rem;line-height:1.4}.nine p{font-size:1.5rem}}@media screen and (width<=430px){.one{font-size:9vw}.three{font-size:7vw}.four .text-box{padding:8px}.five p{font-size:1.3rem}.idea-5{font-size:2.2rem}.idea-6 span{font-size:8rem}.six img{height:220px}.six .hat{width:50px;top:-28%}.wish-hbd{font-size:2em;line-height:1.2}.wish h5{font-size:1.2rem;line-height:1.4}.nine p{font-size:1.3rem}}
/*# sourceMappingURL=happybirthday.a6a064b9.css.map */