html{box-sizing:border-box}:root{--page-background:#fff;--text-color:#202020;--accent-color:#03c160;--accent-contrast:#fff;--idea-highlight:#15a1ed;--wish-color:#ff69b4}html[data-theme=warm]{--page-background:#fff8f1;--text-color:#4d2c2c;--accent-color:#d85d73;--idea-highlight:#c06c84;--wish-color:#d15a7c}html[data-theme=minimal]{--page-background:#f8fafc;--text-color:#1f2937;--accent-color:#334155;--idea-highlight:#475569;--wish-color:#475569}body{width:100vw;height:100vh;color:var(--text-color);background:var(--page-background);margin:0}canvas{pointer-events:none;z-index:-9999;width:100%;height:100%;position:fixed;top:0;left:0}.container{text-align:center;visibility:hidden;width:100vw;height:100vh;margin:0 auto;position:relative;overflow:hidden}.container div.six{z-index:1;top:15vh}.container div.seven,.container div.eight{width:100vw;height:100vh;position:fixed;top:0}.container>div{position:absolute;top:20vh;left:0;right:0}.one{font-size:4.5rem}.one>img{vertical-align:middle;max-width:100%;height:auto;margin-bottom:10px}.two{font-size:1.2rem;font-weight:lighter}.three{font-size:3rem}.four .text-box{border:3px solid #aaa;border-radius:5px;width:600px;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:var(--accent-contrast);background-color:var(--accent-color);border-radius:8px;padding:8px 16px;position:absolute;bottom:2px;right:5px}.five p{font-size:2rem;position:absolute;left:0;right:0}.idea-3 strong{border-radius:3px;padding:3px 5px;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}.six{position:relative}.six img{max-width:100%;height:auto;display:inline-block}.six .hat{width:80px;position:absolute;top:-70px;left:49%;transform:scale(1.1)}.baloons img{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%}.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:0;font-size:3em}.wish h5{margin:10px 0 0;font-size:2rem;font-weight:lighter}.nine p{font-size:2rem;font-weight:lighter}#replay{z-index:3;cursor:pointer}@media screen and (max-height:1000px){.six .hat{left:49%}}@media screen and (max-height:800px){.six .hat{left:46%}}@media screen and (max-height:700px){.six .hat{left:44%}}@media screen and (max-height:850px) and (max-width:450px){.six .hat{left:42%}}@media screen and (max-width:500px){.container,.four .text-box{width:90%}.text-box .fake-btn{bottom:-48px;right:5px}.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}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.play-pause{cursor:pointer;z-index:100;background-color:transparent;background-image:url(../img/play.svg);background-repeat:no-repeat;background-size:contain;border:none;width:50px;height:50px;transition:all .3s ease-in-out;position:absolute;top:5vh;right:5vw}.play-pause.playing{background-image:url(../img/pause.svg);animation:2s linear infinite rotate}.startSign{flex-direction:column;justify-content:center;align-items:center;margin:20vh 5vw;display:flex}.startSign .button{border:1px solid var(--accent-color);border-radius:5px;padding:1rem 1.6rem}.startSign .button:hover{background-color:var(--accent-color);color:#fff;cursor:pointer;padding:1rem 1.6rem}html[data-theme=minimal] .baloons,html[data-theme=minimal] .eight{display:none}