@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700;800&display=swap";body{margin:0}*{font-family:"Poppins",sans-serif;box-sizing:border-box}.container{height:100vh;width:100vh;margin:0 auto;text-align:center;position:relative;overflow:hidden}.container div.six{top:10vh;z-index:1}.container div.seven,.container div.eight{width:100vw;height:100vh;position:fixed;top:0}.container>div{position:absolute;left:0;right:0;top:20vh}.one{font-size:5.5rem;font-weight:300}.one>img{vertical-align:middle;margin-bottom:10px;max-width:100%;height:auto}.one>#name{font-weight:600}.two{font-size:1.75rem;font-weight:400}.three{font-size:3rem}.three h3{font-size:2rem;font-weight:600}.four{display:flex;flex-direction:column;align-items:flex-start;width:50%;margin:0 auto}.four .label{font-weight:400;font-size:1.2rem;margin-bottom:.5rem}.four .text-box{width:600px;margin:0 auto;border:3px solid #aaa;border-radius:5px;padding:10px;position:relative}.text-box p{margin:0;text-align:left}.text-box span{visibility:hidden}.text-box .fake-btn{position:absolute;right:5px;bottom:5px;color:#fff;background-color:#15a1ed;padding:5px 8px;border-radius:3px}.five p{font-size:2rem;position:absolute;left:0;right:0}.idea-3 strong{padding:3px 5px;border-radius:3px;display:inline-block}.idea-4{font-size:2.5rem;font-weight:600;background:#8762cb;padding:1rem 1.5rem;border-radius:5px;color:#fff;width:fit-content;margin:0 auto}.five .idea-5{font-size:4rem}.idea-5 span,.idea-6 span,.wish-hbd span{display:inline-block}.idea-6 span{font-size:15rem}.idea-7{font-size:1.5rem}.idea-7 span{color:#8762cb;font-weight:500}.idea-7 h6{font-weight:400;font-size:1.5rem;margin-top:0}.six{position:absolute}.six img{margin-top:15rem;display:inline-block;max-width:100%;height:auto;border-radius:5px;box-shadow:2px 2px 8px 2px #0000001a}.baloons img{display:inline-block;position:absolute}.baloons img:nth-child(even){left:-10%}.baloons img:nth-child(odd){right:-10%}.baloons img:nth-child(3n + 0){left:30%}.eight svg{width:25px;position:absolute;top:0;left:0;visibility:hidden;z-index:-1}.eight svg:nth-child(1){top:7vh;left:5vw;fill:#bd6ecf}.eight svg:nth-child(2){top:23vh;left:35vw;fill:#7dd175}.eight svg:nth-child(3){top:33vh;left:23vw;fill:#349d8b}.eight svg:nth-child(4){top:43vh;left:57vw;fill:#347a9d}.eight svg:nth-child(5){top:68vh;left:7vw;fill:#c66053}.eight svg:nth-child(6){top:42vh;left:77vw;fill:#bfaa40}.eight svg:nth-child(7){top:68vh;left:83vw;fill:#e3bae8}.eight svg:nth-child(8){top:86vh;left:37vw;fill:#8762cb}.eight svg:nth-child(9){top:94vh;left:87vw;fill:#9a90da}.wish-hbd{font-size:3em;margin:0;text-transform:uppercase}.wish h5{font-weight:lighter;font-size:2rem;margin:10px 0 0}.nine p{font-size:2rem;font-weight:400}#replay{z-index:3;cursor:pointer}@media screen and (max-height: 1000px){.six .hat{left:30%}}@media screen and (max-height: 800px){.six .hat{left:37%}}@media screen and (max-height: 700px){.six .hat{left:32%}}@media screen and (max-height: 850px) and (max-width: 450px){.six .hat{left:32%}}@media screen and (max-width: 500px){.container{width:90%}.four .text-box{width:90%}.text-box .fake-btn{right:5px;bottom:-38px}.idea-5 span{display:block}.idea-6 span{font-size:10rem}.six .hat{width:50px;top:-20px}.wish-hbd{font-size:2.2em}.wish h5{font-size:1.4rem}.nine p{font-size:1.5rem;font-weight:lighter}}