@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500&display=swap);*{padding:0;margin:0;box-sizing:border-box}body{font-family:"Montserrat",sans-serif;font-weight:300}.App{width:100vw;height:100vh;background:#eb79b2;display:flex;justify-content:center;align-items:center}.birthdayContainer{width:400px;height:auto;padding:20px;background:#fff;border-radius:4px;box-shadow:0 5px 15px rgba(0,0,0,.35)}.birthdayContainer h1{font-weight:500}.birthdayContainer button{width:100%;padding:10px;font-size:20px;color:#fff;border-radius:4px;background-color:#eb79b2;border:none;cursor:pointer;transition:all .2s ease-in-out}.birthdayContainer button:hover{background:#d85195}@media screen and (max-width:415px){.birthdayContainer{width:95%}}.birthdayCard{display:flex;justify-content:flex-start;align-items:center;margin:30px 0;cursor:pointer}.birthdayCard .birthdayCardImg{display:flex;justify-content:center;align-items:center;width:70px;height:70px;overflow:hidden;border-radius:50%;margin-right:10px}.birthdayCard .birthdayCardImg img{height:100%}.birthdayCard .birthdayCardInfos{font-weight:500}.birthdayCard .birthdayCardInfos small{color:#656d72}@media screen and (max-width:415px){.birthdayCard .birthdayCardImg{width:50px;height:50px}}
/*# sourceMappingURL=main.86505f75.chunk.css.map */