@import url(https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Slab:wght@700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;min-height:100vh;font-family:Roboto}body,li,ul{margin:0;padding:0}#root{min-height:100vh;align-items:center;flex-direction:column;padding-top:25px;box-sizing:border-box}#root,ul{display:flex;justify-content:center}ul{flex-wrap:wrap;align-items:stretch}li{display:flex;flex-direction:column;width:500px}.card{background:#528080;box-shadow:4px 4px 4px rgba(0,0,0,.25);font-family:Roboto;font-size:20px;letter-spacing:.1em;color:#fff;margin:1em;box-sizing:border-box}.card h3{margin:0;overflow:hidden;font-family:"Roboto Slab";font-size:32px;font-weight:700;letter-spacing:.095em}.card__header{display:flex;justify-content:space-between;padding:25px 25px 0}.card__info{display:flex}.card__info_text img{margin:14px 14px 0 0}.card__info_text{display:flex;flex-direction:column;justify-content:center;font-size:14px}.card__info_temp{font-family:"Roboto Slab";font-size:72px;font-weight:700;letter-spacing:.095em}.card__info_fill span{color:hsla(0,0%,100%,.42)}.card__delbtn{width:24px;cursor:pointer}.card__footer{display:flex;justify-content:space-between;padding:0 25px 25px}.controls{width:500px;display:flex;flex-direction:column;margin:24px 0;box-sizing:border-box}.controls input{border:none;border-bottom:2px solid #528080;outline:0;margin-bottom:10px;padding:16px;font-size:18px}.controls button{display:inline-block;border:0;box-sizing:border-box;text-decoration:none;font-weight:300;color:#fff;text-align:center;transition:all .2s;cursor:pointer;padding:16px;font-size:24px;background-color:#528080;box-shadow:4px 4px 4px rgba(0,0,0,.25)}.controls button:hover{background-color:#48484a}.notify{position:fixed;padding:1em;bottom:0}.notify__message{background-color:#48484a;color:#fff;padding:1em;border-radius:2px}@media (max-width:504px){#root{padding-top:0}ul{max-width:100%}.card,.controls{max-width:100%;border:2px solid #fff}.card{box-shadow:none;margin:0}.card__info{flex-direction:column-reverse;align-items:center}.card__footer{flex-direction:column;text-align:center}.card__footer,.card__info_text{align-items:center}.card__delbtn{margin-top:1em}.card__info img{max-width:200px}}
/*# sourceMappingURL=main.3a32130e.chunk.css.map */