@import url(https://fonts.googleapis.com/css2?family=Great+Vibes&family=Kalam:wght@300;400;700&display=swap);body{overflow:hidden}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wrapper{aspect-ratio:12/7;background:radial-gradient(circle,#fbcdcf 0,#f4959d 75%);border-radius:25px;box-shadow:5px 5px 15px #00000080;height:85vh;left:50%;max-width:1550px;min-height:500px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw}.menu-button{border-radius:5px;cursor:pointer;height:30px;right:5px;top:5px;width:30px}.menu-button,.menu-container{align-items:center;box-shadow:2px 2px 10px #0000004d;display:flex;flex-direction:column;gap:5px;justify-content:center;position:absolute;z-index:100}.menu-container{background-color:#fff;border-radius:10px;font-family:Kalam,cursive;padding:20px 10px;right:35px;top:35px;transform:scale(0);transform-origin:right top;transition:all .2s ease}.menu-container.active{transform:scale(1)}.menu-container .menu-header{font-weight:600;text-align:start;width:100%}.menu-container .menu-item-radio-button{align-items:center;border-radius:5px;display:flex;flex-direction:row;justify-content:start;padding:0 10px;width:100px}.menu-container .menu-item-radio-button *{cursor:pointer}.menu-container .menu-item-radio-button:hover{box-shadow:2px 2px 10px #0000004d}.menu-button .line{background-color:#000;border-radius:25px;height:3px;transition:.4s;width:20px}.menu-button .line.line-1.active{position:absolute;transform:rotate(45deg)}.menu-button .line.line-2.active{background-color:initial}.menu-button .line.line-3.active{position:absolute;transform:rotate(-45deg)}.content{background:url(/static/media/background.759b1aa5410a193942b5.svg) no-repeat bottom;background-size:100% 100%;height:100%;width:100%}.content .count-day-container{flex-direction:row;font-family:Kalam,cursive;font-size:4vh;left:50%;position:absolute;top:35%;transform:translate(-50%,-50%)}.content .count-day-container,.content .count-day-container .count-day{align-items:center;color:#fff;display:flex;font-weight:700;justify-content:center;padding:50px}.content .count-day-container .count-day{background-color:#3232320d;border-radius:50%;box-shadow:5px 5px 15px #ffffff80;flex-direction:column;font-size:6.5vh;height:250px;margin:20px;text-align:center;width:250px}.content .count-day-container .count-day p{margin:0;padding:0}.content .heart{animation-duration:1s;animation-fill-mode:both;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-name:bounce;-moz-animation-name:bounce;animation-timing-function:ease-in-out;background:url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.28 57.71'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='168.75' y1='21.61' x2='157.12' y2='-39.04' gradientTransform='rotate(13.21 12.787 -566.418)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23db3761'/%3E%3Cstop offset='1' stop-color='%23a71d41'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M30.97 57.71c8.05-4.24 13.83-8.86 17.61-12.3 6.93-6.31 9.29-10.64 10.01-12.03 2.13-4.11 3.05-7.89 3.49-10.48C63.73 10.13 54.91.21 46.23 0c-6.02-.14-12.11 4.4-15.28 11.14C27.75 4.86 22.08.43 16.32.45 10.5.47 4.43 5.04 1.53 12.14c-2.25 5.51-1.94 11.72.37 17.2 1.95 4.62 4.22 8.02 5.92 10.27 3.22 4.24 6.4 6.92 8.78 8.91 5.28 4.41 10.39 7.3 14.36 9.19Z' style='fill:url(%23a);stroke-width:0'/%3E%3C/svg%3E") no-repeat 50%;background-size:100% 100%;border:none;border-radius:10px;color:#fff;cursor:pointer;filter:drop-shadow(0 0 20px #ffffff);font-family:Kalam,cursive;font-size:2.2vh;font-style:normal;font-weight:700;height:170px;outline:none;width:170px}.chicken-group{align-items:center;bottom:5%;display:flex;gap:50px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%)}@media (max-width:768px){.content .heart{font-size:1.3vh;height:80px;width:80px}.chicken-group{bottom:10%;gap:0}.content .count-day-container{flex-direction:column;top:40%}.content .count-day-container .count-day{font-size:3.5vh;height:130px;margin:0;width:130px}}@media (max-width:420px){.content .count-day-container{font-size:3vh}}@media (max-height:768px){.content .count-day-container{top:30%}}@keyframes bounce{0%,20%,50%,80%,to{transform:scale(1)}40%{transform:scale(1.2)}60%{transform:scale(1.1)}}.hearts{background:url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.28 57.71'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='168.75' y1='21.61' x2='157.12' y2='-39.04' gradientTransform='rotate(13.21 12.787 -566.418)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23db3761'/%3E%3Cstop offset='1' stop-color='%23a71d41'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M30.97 57.71c8.05-4.24 13.83-8.86 17.61-12.3 6.93-6.31 9.29-10.64 10.01-12.03 2.13-4.11 3.05-7.89 3.49-10.48C63.73 10.13 54.91.21 46.23 0c-6.02-.14-12.11 4.4-15.28 11.14C27.75 4.86 22.08.43 16.32.45 10.5.47 4.43 5.04 1.53 12.14c-2.25 5.51-1.94 11.72.37 17.2 1.95 4.62 4.22 8.02 5.92 10.27 3.22 4.24 6.4 6.92 8.78 8.91 5.28 4.41 10.39 7.3 14.36 9.19Z' style='fill:url(%23a);stroke-width:0'/%3E%3C/svg%3E") no-repeat 50%;border-radius:50%;height:28px;position:absolute;width:28px}.chicken-image{aspect-ratio:1/1;border:5px solid #fff;border-radius:50%;height:150px;object-fit:cover}.chicken-container{align-items:center;background-color:#3232321a;border-radius:10px;box-shadow:5px 5px 15px #ffffff80;display:flex;flex-direction:column;font-family:Kalam,cursive;gap:10px;justify-content:center;margin:20px;padding:20px;width:-webkit-fit-content;width:fit-content}.chicken-container .name{color:#fff;font-size:1.7rem;font-weight:700;margin-bottom:7px;transform:translateY(10px)}.chicken-container .day-of-birth{color:#fff;font-size:1.3rem;transform:translateY(-5px)}@media (max-width:768px){.chicken-image{border:3px solid #fff;height:90px}.chicken-container .name{font-size:1rem}.chicken-container .day-of-birth{font-size:.8rem}.chicken-container{margin:10px;padding:15px}}@media (max-width:420px){.chicken-image{border:2px solid #fff;height:80px}.chicken-container .name{font-size:.9rem}.chicken-container .day-of-birth{font-size:.8rem}.chicken-container{margin:10px;padding:10px}}
/*# sourceMappingURL=main.38341384.css.map*/