body{background-color:#ccc;font-family:"Roboto";font-weight:400}#root{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:50px 0}.main{width:100%;max-width:500px;background-color:#fff;border-radius:5px;box-shadow:2px 2px 5px #aaa,-2px -2px 5px #aaa}.main h1{text-align:center;font-weight:400;font-size:27px}.img-container{height:80px;border-radius:50%;border:1px solid #ccc;-webkit-flex-basis:80px;flex-basis:80px;margin:0 10px 0 0;box-sizing:border-box}.birthday{width:100%;height:auto;border-width:1px 0;border-top:1px solid #ccc;padding:10px 10px 10px 20px;display:-webkit-flex;display:flex;box-sizing:border-box;-webkit-align-items:center;align-items:center;position:relative}.birthday:last-of-type{border-bottom:1px solid #ccc}.birthday-info h2{font-size:20px;margin:0 0 10px;font-weight:400}.birthday-info span{color:#575757;font-weight:lighter}.delete-button{display:block;position:absolute;top:50%;right:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;background-color:#fff;border:0}.delete-button:focus,.delete-button:hover{color:red}.clear-all{width:calc(100% - 40px);margin:25px 20px;padding:10px 15px;background-color:#7d7dff;border:0;color:#fff;font-size:18px;box-sizing:border-box}.clear-all,footer{text-align:center}footer i{color:red}footer a{color:#4141ff}@media (max-width:450px){#root{padding:20px 0}}
/*# sourceMappingURL=main.ae015b1b.chunk.css.map */