@import url(https://fonts.googleapis.com/css2?family=Boogaloo&display=swap);*{color:#f5f5f5;font-family:Boogaloo,cursive}.App{align-items:center;background-color:#d070fd;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.header__container{color:#fff;font-size:24px;position:fixed;top:5px}.container{background-color:#b40081;height:75%;width:40%}.date_counts{height:10%;justify-items:center}.date_counts>h3{font-size:48px;font-weight:600}.birthday_container{background-color:rgba(157,0,113,.6);height:75%;margin:10px;overflow-y:scroll}.main__container{align-items:center;display:flex;flex-direction:row;height:140px;margin-left:40px}.image__container{width:40%}img{border-radius:50%;height:120px;object-fit:cover;width:120px}.detail__container{margin-left:20px;text-align:left;width:50%}.detail__container>p{font-size:24px;letter-spacing:5px}.detail__container>p>span{color:#ccee0a;letter-spacing:3px}.share__container{display:flex;flex-direction:column;width:10%}.share__container>i{color:#adff2f;font-size:18px;margin-bottom:3px}button{background-color:#d070fd;border:none;border-radius:8px;color:#f5f5f5;font-family:monospace;font-size:24px;font-weight:900;margin-top:5px;padding:8px;transition:ease-in}button:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.madeby__container{bottom:0;font-size:18px;position:fixed}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background:#f4f6f8;background-clip:content-box;border-radius:10px;box-shadow:inset 0 0 10px #6d9ee7}::-webkit-scrollbar-track:hover{background:#99f387}::-webkit-scrollbar-thumb{background:#31759c;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ad5353}@media only screen and (max-width:1248px){.container{width:60%}.date_counts>h3{font-size:24px}}@media only screen and (max-width:600px){.App{background-color:#d070fd}.container{width:95%}.date_counts>h3{font-size:24px}.birthday_container::-webkit-scrollbar{display:none}img{height:80px;width:80px}.detail__container>p{font-size:22px;letter-spacing:0}.share__container{margin-right:20px}.birthday_container{-ms-overflow-style:none;scrollbar-width:none}button{background-color:#d070fd;border:none;border-radius:5px;color:#f5f5f5;font-family:monospace;font-size:16px;font-weight:900;margin-top:5px;padding:4px;transition:ease-in}button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}}*{margin:0}
/*# sourceMappingURL=main.e860d036.css.map*/