@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lobster&display=swap);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}:root{--main-bg-color-dark:#212529;--main-text-color-dark:#e8e8e8}body{font-family:"Montserrat",sans-serif;background-color:#212529;background-color:var(--main-bg-color-dark);color:#e8e8e8;color:var(--main-text-color-dark);background-color:#1d1d1d}.page{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.heading{font-size:45px}.highlight{color:#7f78d2}.countdown-wrapper{max-width:800px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin:40px 0}.countdown-box{background-color:#413c69;font-size:50px;font-weight:700;color:#dcd6f7;border-radius:15px;width:160px;height:160px;margin:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.legend{font-size:30px;color:#a6b1e1}.wish-message{font-size:45px;font-weight:700}.birthdate{font-size:25px;font-weight:600;color:#7f78d2}.credits{margin-top:15px}.github-logo{opacity:.5;width:50px}.github-logo:hover{opacity:1}.form{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top:20px}.form input{margin:10px}input{color:#e8e8e8;color:var(--main-text-color-dark);border:1px solid hsla(0,0%,100%,.2);border-radius:5px;padding-left:10px;padding-right:10px}input,select{outline:none;width:300px;height:40px;background-color:transparent;font-size:18px}select{color:hsla(0,0%,100%,.527);font-family:Montserrat,sans-serif;border:1px solid hsla(0,0%,100%,.164);padding-left:20px;-webkit-appearance:none;-moz-appearance:none;border-radius:5px;margin-top:10px}.btn:focus,input:focus,select:focus{border:1px solid #fff;transition:all .5s}.btn{width:300px;height:40px;margin-top:20px;outline:none;border:1px solid hsla(0,0%,100%,.2);background-color:transparent;border-radius:5px;color:hsla(0,0%,100%,.719);font-size:18px;font-weight:700}.btn:hover{color:#fff}a{color:#7f78d2;font-weight:700}.gen-link,a{margin-top:20px}.gen-link{font-size:400}*{box-sizing:border-box;padding:0;margin:0;font-family:Lobster}body{font-size:10vmin;height:100vh;background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70)}.s-heart,body{display:flex;align-items:center;justify-content:center}.s-heart{--heart-color:#f36;--text-color:#ff57bb;--stroke-color:#fff;--radius:.2em;--clr-1:#d50000;--clr-2:#c51162;--clr-3:#a0f;--clr-4:#2962ff;--clr-5:#00c853;--clr-6:#ffd600;height:8em;width:900PX;background-repeat:no-repeat;background-size:0;background-image:radial-gradient(circle at center,var(--clr-4) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-5) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-4) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-2) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-3) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-2) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-1) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-5) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-2) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-1) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-3) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-2) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-3) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-3) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-4) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-4) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-5) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-3) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-4) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-4) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-6) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-6) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-2) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-2) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-4) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-3) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-4) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-2) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-5) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-2) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-2) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-5) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-3) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-4) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-4) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-5) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-4) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-5) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-5) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-3) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-3) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-5) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-2) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-1) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-1) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-5) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-2) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-1) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-5) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-6) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-4) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-3) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-5) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-3) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-4) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-6) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-3) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-1) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-4) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-5) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-2) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-6) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-6) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-5) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-3) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-1) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-2) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-1) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-5) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-4) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-6) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-3) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-6) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-1) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-5) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-4) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-1) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-6) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-4) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-3) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-4) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-6) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-5) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-2) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-3) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-6) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-3) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-2) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-2) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-1) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-3) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-5) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-3) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-3) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-3) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-6) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-2) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-6) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-4) 49%,transparent 50%),radial-gradient(circle at center,var(--clr-5) 49%,transparent 50%);background-position:50% 50%;will-change:background-position;-webkit-animation:confetti 1.2s ease 1.7s infinite,glow .3s ease 1.3s forwards;animation:confetti 1.2s ease 1.7s infinite,glow .3s ease 1.3s forwards}.s-heart:before{color:var(--text-color);font-size:1.3em;text-shadow:0 0 .1em var(--stroke-color),0 0 .05em var(--stroke-color);z-index:1;margin-top:.1em;-webkit-animation:move-s 1.5s ease-out forwards,change-text 10s ease 3s infinite;animation:move-s 1.5s ease-out forwards,change-text 10s ease 3s infinite}.s-heart:after,.s-heart:before{display:block;position:absolute}.s-heart:after{content:"";height:4em;aspect-ratio:1;--mask:conic-gradient(from 135deg,#000 25%,transparent 25%) 50% calc(100% - 1.7em)/3em 3em,conic-gradient(from -45deg,#000 25%,transparent 25%) 50% calc(100% + 1.3em)/3em 3em,radial-gradient(ellipse 50% 50%,#000 98%,transparent 100%) right .14em top 0.45em/2.15em 2.15em,radial-gradient(ellipse 50% 50%,#000 98%,transparent 100%) left .135em top 0.45em/2.15em 2.15em;-webkit-mask-repeat:no-repeat;-webkit-mask:var(--mask);mask:var(--mask);mask-repeat:no-repeat;background-repeat:no-repeat;-webkit-animation:move-heart 1.5s ease-out forwards;animation:move-heart 1.5s ease-out forwards}@-webkit-keyframes move-s{0%{opacity:0}40%,90%{opacity:1;transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes move-s{0%{opacity:0}40%,90%{opacity:1;transform:translateX(-100%)}to{transform:translateX(0)}}@-webkit-keyframes move-heart{0%,40%{opacity:0}90%{opacity:1;transform:translateX(50%)}to{transform:translateX(0) scale(1.5)}}@keyframes move-heart{0%,40%{opacity:0}90%{opacity:1;transform:translateX(50%)}to{transform:translateX(0) scale(1.5)}}@-webkit-keyframes confetti{0%{background-size:calc(2*var(--radius)) calc(2*var(--radius));background-position:64% 39%,33% 50%,30% 66%,54% 46%,44% 41%,32% 46%,49% 66%,53% 69%,42% 35%,68% 39%,53% 51%,61% 33%,47% 54%,57% 67%,46% 33%,50% 61%,50% 46%,48% 41%,61% 68%,68% 44%,41% 57%,35% 45%,33% 38%,46% 40%,55% 43%,68% 53%,31% 69%,61% 66%,34% 69%,35% 41%,32% 42%,42% 39%,64% 48%,55% 63%,58% 48%,68% 59%,57% 62%,47% 40%,58% 69%,58% 48%,44% 45%,39% 43%,40% 52%,30% 47%,69% 53%,39% 55%,70% 66%,63% 48%,60% 38%,40% 52%}45%{background-size:calc(2*var(--radius)) calc(2*var(--radius))}to{background-position:83% 23%,17% 87%,-3% 65%,35% 83%,14% 72%,82% 95%,59% 78%,16% 61%,51% 62%,26% 0,6% 17%,106% 78%,24% 46%,36% 43%,28% 19%,50% 12%,49% 51%,79% 19%,42% 36%,54% 51%,68% 101%,57% 7%,79% 29%,28% 90%,100% 73%,65% 51%,22% 81%,84% 89%,70% 91%,18% 22%,-9% 77%,39% -11%,89% 3%,36% 96%,97% 38%,94% 83%,63% 95%,45% 32%,62% 115%,74% 26%,70% 14%,79% 55%,60% 63%,14% 80%,40% 101%,86% 73%,120% 40%,27% 0,56% 11%,-9% 26%;background-size:0 0}}@keyframes confetti{0%{background-size:calc(2*var(--radius)) calc(2*var(--radius));background-position:64% 39%,33% 50%,30% 66%,54% 46%,44% 41%,32% 46%,49% 66%,53% 69%,42% 35%,68% 39%,53% 51%,61% 33%,47% 54%,57% 67%,46% 33%,50% 61%,50% 46%,48% 41%,61% 68%,68% 44%,41% 57%,35% 45%,33% 38%,46% 40%,55% 43%,68% 53%,31% 69%,61% 66%,34% 69%,35% 41%,32% 42%,42% 39%,64% 48%,55% 63%,58% 48%,68% 59%,57% 62%,47% 40%,58% 69%,58% 48%,44% 45%,39% 43%,40% 52%,30% 47%,69% 53%,39% 55%,70% 66%,63% 48%,60% 38%,40% 52%}45%{background-size:calc(2*var(--radius)) calc(2*var(--radius))}to{background-position:83% 23%,17% 87%,-3% 65%,35% 83%,14% 72%,82% 95%,59% 78%,16% 61%,51% 62%,26% 0,6% 17%,106% 78%,24% 46%,36% 43%,28% 19%,50% 12%,49% 51%,79% 19%,42% 36%,54% 51%,68% 101%,57% 7%,79% 29%,28% 90%,100% 73%,65% 51%,22% 81%,84% 89%,70% 91%,18% 22%,-9% 77%,39% -11%,89% 3%,36% 96%,97% 38%,94% 83%,63% 95%,45% 32%,62% 115%,74% 26%,70% 14%,79% 55%,60% 63%,14% 80%,40% 101%,86% 73%,120% 40%,27% 0,56% 11%,-9% 26%;background-size:0 0}}@-webkit-keyframes glow{to{-webkit-filter:drop-shadow(0 0 1em #d1b464);filter:drop-shadow(0 0 1em #D1B464)}}@keyframes glow{to{-webkit-filter:drop-shadow(0 0 1em #d1b464);filter:drop-shadow(0 0 1em #D1B464)}}@-webkit-keyframes change-text{0%,10%,to{content:"";opacity:1}25%{opacity:0}26%{opacity:1}50%,60%{opacity:1}75%{opacity:1}76%{opacity:1}}@keyframes change-text{0%,10%,to{content:"";opacity:1}25%{opacity:0}26%{opacity:1}50%,60%{opacity:1}75%{opacity:1}76%{opacity:1}}
/*# sourceMappingURL=main.12fcd494.chunk.css.map */