@import url(https://fonts.googleapis.com/css?family=Dancing+Script|Great+Vibes|Poppins|Sacramento|Satisfy&display=swap);.header{position:relative;display:flex;justify-content:space-between;align-items:center;height:5rem;padding:0 1rem}.header__background{width:100vw;background-color:rgba(102,0,255,.6)}.header__button{color:#fff;font-size:.75rem;padding:.5rem .75rem;margin-left:1rem;border-radius:.25rem;border:1px solid #fff;transition:color .4s ease,background-color .3s ease}.header__button:hover{background-color:hsla(0,0%,100%,.7);color:#60f}.header__logo{font-family:"Great Vibes",cursive;font-size:2.5rem;color:#fff;text-decoration:none}.header__logo:hover{color:#fff}@media (min-width:62rem){.header{justify-content:center}.header__logo{font-size:3rem}.header__button{position:absolute;right:2rem;font-size:1rem;padding:.75rem 1rem;border-radius:.5rem}}.calendar{border:1px solid #60f;border-radius:.5rem;max-width:18.75rem;padding:.2rem;background-color:hsla(0,0%,100%,.65)}.calendar--error{border-color:#f33}.calendar .react-calendar__navigation button[disabled],.calendar .react-calendar__tile:disabled{background:inherit;cursor:auto}.calendar abbr[title]{text-decoration:none}@media (min-width:62rem){.calendar{max-width:unset}}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:11;background-color:#fff;border-radius:.5rem}.modal__background{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5);z-index:10}.modal__button{position:absolute;right:0;top:-2.5rem;border-radius:50%;font-size:1.75rem;height:2.25rem;width:2.25rem;border:2px solid #fff;color:#fff;background-color:hsla(0,0%,100%,.4)}@media (min-width:62rem){.modal__button{right:-2.5rem}}.birthday-card{position:relative;z-index:1;display:flex;width:14rem;height:22rem;align-items:center;flex-direction:column;margin-bottom:1.5rem;padding:.75rem;border-radius:1rem;overflow:hidden;background-color:hsla(0,0%,100%,.65);transition:width .4s ease-out,height .4s ease-out}.birthday-card--selected{width:16rem;height:26rem;overflow-y:auto}.birthday-card--error{border:2px solid #f33;padding:1.5rem}.birthday-card__date{font-size:1.2rem;line-height:1.3rem;color:#999;margin-bottom:.25rem}.birthday-card__date:nth-child(2){margin-bottom:1rem}.birthday-card__error{font-size:1rem;line-height:1.2rem;color:#f33;margin-bottom:1rem;text-align:center}.birthday-card__error:first-child{font-weight:700}.birthday-card__name{font-size:1.3rem;line-height:1.8rem;text-align:center}@media (min-width:62rem){.birthday-card{width:16rem;margin:0 .5rem 1rem}.birthday-card--selected,.birthday-card:hover{width:19rem;height:26rem;overflow-y:auto}.birthday-card--error{border:2px solid #f33;padding:3rem .75rem}.birthday-card__error{font-size:1.2rem;line-height:1.3rem;margin-bottom:1.5rem}}.flip-enter-active{transition:transform .4s ease;perspective:16rem;transform-style:preserve-3d;transform:rotateY(90deg)}.flip-exit{transform:rotateY(-90deg)}.flip-exit-active{transition:transform .4s ease;perspective:16rem;transform-style:preserve-3d;transform:rotateY(0deg)}.birthday{display:flex;flex-direction:column;align-items:center;position:relative}.birthday__calendar-button{text-align:center;font-family:"Poppins",sans-serif;margin:1.5rem 0;padding:1rem;font-size:1.2rem;color:#fff;font-weight:700;border-radius:.5rem;border:2px solid #fff;transition:color .4s ease,background-color .3s ease,border-color .3s ease}.birthday__calendar-button:hover{background-color:hsla(0,0%,100%,.6);color:rgba(102,0,255,.6);border-color:rgba(102,0,255,.6)}.birthday__calendar-button-icon{margin-right:1rem}.birthday__button{width:2rem;height:2rem;border-radius:.3rem;background-color:rgba(102,0,255,.7);color:#fff;font-size:1.5rem;transition:background-color .4s ease}.birthday__button:hover{background-color:rgba(102,0,255,.9)}.birthday__button-group{display:flex;justify-content:space-between;align-self:stretch;position:fixed;top:10rem;right:.5rem;left:.5rem;z-index:2}.birthday__card-list{display:flex;flex-direction:column;justify-content:center;align-items:center;transition:height .4s ease-out}.birthday__card-container:first-child .balloon{background-color:rgba(250,5,156,.6);color:#fa059c}.birthday__card-container:nth-child(2) .balloon{background-color:rgba(153,230,230,.6);color:#99e6e6}.birthday__card-container:nth-child(3) .balloon{background-color:rgba(255,255,96,.6);color:#ffff60}.birthday__card-container:nth-child(4) .balloon{background-color:rgba(219,77,255,.6);color:#db4dff}.birthday__card-container:nth-child(5) .balloon{background-color:rgba(102,255,102,.6);color:#6f6}.birthday__card-container:nth-child(6) .balloon{background-color:rgba(255,51,51,.6);color:#f33}.birthday__card-container:nth-child(7) .balloon{background-color:rgba(0,153,255,.6);color:#09f}.birthday__card-container:first-child .birthday-card__name:nth-child(1n),.birthday__card-container:nth-child(4) .birthday-card__name:nth-child(1n){font-family:"Dancing Script",cursive}.birthday__card-container:first-child .birthday-card__name:nth-child(2n),.birthday__card-container:nth-child(4) .birthday-card__name:nth-child(2n){font-family:"Satisfy",cursive}.birthday__card-container:first-child .birthday-card__name:nth-child(3n),.birthday__card-container:nth-child(4) .birthday-card__name:nth-child(3n){font-family:"Sacramento",cursive}.birthday__card-container:first-child .birthday-card__name:nth-child(4n),.birthday__card-container:nth-child(4) .birthday-card__name:nth-child(4n){font-family:"Great Vibes",cursive!important}.birthday__card-container:nth-child(3) .birthday-card__name:nth-child(1n),.birthday__card-container:nth-child(5) .birthday-card__name:nth-child(1n),.birthday__card-container:nth-child(7) .birthday-card__name:nth-child(1n){font-family:"Sacramento",cursive}.birthday__card-container:nth-child(3) .birthday-card__name:nth-child(2n),.birthday__card-container:nth-child(5) .birthday-card__name:nth-child(2n),.birthday__card-container:nth-child(7) .birthday-card__name:nth-child(2n){font-family:"Great Vibes",cursive}.birthday__card-container:nth-child(3) .birthday-card__name:nth-child(3n),.birthday__card-container:nth-child(5) .birthday-card__name:nth-child(3n),.birthday__card-container:nth-child(7) .birthday-card__name:nth-child(3n){font-family:"Dancing Script",cursive}.birthday__card-container:nth-child(3) .birthday-card__name:nth-child(4n),.birthday__card-container:nth-child(5) .birthday-card__name:nth-child(4n),.birthday__card-container:nth-child(7) .birthday-card__name:nth-child(4n){font-family:"Satisfy",cursive!important}.birthday__card-container:nth-child(2) .birthday-card__name:nth-child(1n),.birthday__card-container:nth-child(6) .birthday-card__name:nth-child(1n){font-family:"Satisfy",cursive}.birthday__card-container:nth-child(2) .birthday-card__name:nth-child(2n),.birthday__card-container:nth-child(6) .birthday-card__name:nth-child(2n){font-family:"Sacramento",cursive}.birthday__card-container:nth-child(2) .birthday-card__name:nth-child(3n),.birthday__card-container:nth-child(6) .birthday-card__name:nth-child(3n){font-family:"Great Vibes",cursive}.birthday__card-container:nth-child(2) .birthday-card__name:nth-child(4n),.birthday__card-container:nth-child(6) .birthday-card__name:nth-child(4n){font-family:"Dancing Script",cursive!important}@media (min-width:62rem){.birthday__button{width:4.5rem;height:2.5rem}.birthday__button-group{position:absolute;top:7rem}.birthday__card-list{flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:flex-start;align-items:center;min-height:108rem}}@media (min-width:75rem){.birthday__card-list{min-height:72rem}}.balloon{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:5.5rem;height:7rem;background:rgba(102,0,255,.6);border-radius:80%;box-shadow:inset -.75rem -.75rem 0 rgba(0,0,0,.07);margin:auto auto 2rem;color:#60f;z-index:1}.balloon:before{content:"▲";position:absolute;display:block;width:100%;font-size:1.25rem;color:inherit;text-align:center;bottom:-.75rem;z-index:-1}.balloon:after{display:inline-block;top:7.5rem;position:absolute;height:1.6rem;width:.2rem;border-radius:.15rem;background-color:#000;margin:0 auto;content:"";z-index:-2}.error{position:absolute;z-index:1}.error__arrow{margin-left:.5rem;width:0;height:0;border-left:.25rem solid transparent;border-right:.25rem solid transparent;border-bottom:.25rem solid #f33}.error__message{padding:.25rem .5rem;height:1.44rem;border-radius:.25rem;color:#fff;background-color:#f33;font-size:.62rem}.register{width:23rem;display:flex;flex-direction:column;padding:.5rem}.register__title{margin:1rem 0;font-family:"Poppins",sans-serif;color:#fff;font-size:1.5rem;text-align:center}.register__form{align-self:center;display:flex;flex-direction:column;padding:.5rem}.register__form-group{margin-bottom:1rem}.register__label{display:flex;font-family:"Poppins",sans-serif;color:#fff;margin-bottom:.5rem}.register__input{width:100%;height:3.12rem;border:1px solid #60f;border-radius:.5rem;padding:1rem;font-weight:500;background-color:hsla(0,0%,100%,.65);font-family:"Poppins",sans-serif}.register__input--error{border-color:#f33}.register__button{display:flex;justify-content:center;align-items:center;width:100%;color:#fff;background-color:rgba(102,0,255,.4);border-radius:.5rem;border:1px solid #60f;height:3rem;font-family:"Great Vibes",cursive;font-size:1.75rem;transition:background-color .4s ease}.register__button:hover{background-color:rgba(102,0,255,.6)}.register__error{font-weight:500;color:#fff;font-family:"Poppins",sans-serif}.register__error-container{width:90%;min-height:3.12rem;border:1px solid #f33;border-radius:.5rem;padding:1rem;background-color:rgba(255,51,51,.8)}@media (min-width:62rem){.register__title{font-size:2rem;margin-bottom:1.5rem}.register__form{align-items:center}.register__form-group{position:relative}.register__form-group:first-child{flex:1 1;width:100%;margin-bottom:1.5rem}.register__label{font-size:1.3rem;text-align:center;margin-bottom:1rem}.register__input{width:100%;align-self:center}.register__button{margin-top:2rem}}.shared-birthdays{padding-bottom:2rem}.shared-birthdays__title{text-align:center;margin-top:1.25rem;text-transform:capitalize;color:#fff;font-size:1.25rem}.shared-birthdays__title-name{display:block;font-family:"Great Vibes",cursive;font-size:2rem;margin-top:1rem;text-transform:capitalize}.shared-birthdays__cards{position:relative;-webkit-animation:float-up 2s ease-out;animation:float-up 2s ease-out}.shared-birthdays__card{display:flex;width:17rem;min-height:22rem;align-items:center;flex-direction:column;padding:.75rem;border-radius:1rem;background-color:hsla(0,0%,100%,.65)}.shared-birthdays__card-container{width:100%;height:100%;display:flex;align-items:center;flex-direction:column;margin-top:2rem}.shared-birthdays__card-title{text-align:center;margin-bottom:1.5rem}.shared-birthdays__card-name{font-size:1.3rem;line-height:1.8rem;display:block;text-transform:capitalize}.shared-birthdays__card-name:nth-child(1n){font-family:"Dancing Script",cursive}.shared-birthdays__card-name:nth-child(2n){font-family:"Satisfy",cursive}.shared-birthdays__card-name:nth-child(3n){font-family:"Sacramento",cursive}.shared-birthdays__card-name:nth-child(4n){font-family:"Great Vibes",cursive!important}.shared-birthdays .balloon>span{color:hsla(0,0%,100%,.7);font-size:1.3rem;text-align:center;line-height:1.4rem}@media (min-width:62rem){.shared-birthdays__title{margin-top:1.25rem;font-size:2rem}.shared-birthdays__title-name{display:inline-flex;font-size:2.5rem;margin-left:.75rem}.shared-birthdays__card{padding:1.25rem;width:18rem;min-height:26rem}.shared-birthdays__cards{display:flex}}@-webkit-keyframes float-up{0%{top:100vh}to{top:0}}@keyframes float-up{0%{top:100vh}to{top:0}}.app{min-height:100vh;background-image:linear-gradient(70deg,#f2e88c 10%,#fd9bd7 52%,#b0deea 99%)}*{box-sizing:border-box;margin:0;padding:0;font-size:16px;line-height:18px;font-weight:400;font-family:"Poppins",sans-serif}#root,body{min-height:100vh}button,input,select,textarea{border:none}button:active,button:focus,input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus{outline:none!important}button{background:none;cursor:pointer}li,ul{list-style:none}a,a:hover{text-decoration:none}a:hover{color:inherit}.contained{max-width:100vw}@media (min-width:62rem){.contained{max-width:62rem;margin-left:auto;margin-right:auto}}@media (min-width:75rem){.contained{max-width:75rem}}
/*# sourceMappingURL=main.2a35e366.chunk.css.map */