body{margin:0;overflow:hidden}img{height:auto;max-width:100%;background-color:#bea0a0a9;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}ul{list-style:none;display:flex;flex-direction:column;gap:2rem;text-align:justify;padding:0}ul li>i{font-size:20px;padding:0 .5rem;color:#742929}h3{text-transform:uppercase}.App{height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;background-color:#742929}.weather__container{background-color:#fff;padding:5rem;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;box-shadow:1px 4px 5px #000000bf;-webkit-box-shadow:1px 4px 5px 0px rgba(0,0,0,.75);-moz-box-shadow:1px 4px 5px 0px rgba(0,0,0,.75)}.weather__card{display:flex;gap:2rem;margin:2rem 0}.btn{border:0;padding:.5rem;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;background-color:#742929;color:#fff;text-transform:uppercase;font-weight:700}.loader{width:48px;height:48px;position:relative}.loader:before,.loader:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48em;height:48em;background-image:radial-gradient(circle 10px,#fff 100%,transparent 0),radial-gradient(circle 10px,#fff 100%,transparent 0),radial-gradient(circle 10px,#fff 100%,transparent 0),radial-gradient(circle 10px,#fff 100%,transparent 0),radial-gradient(circle 10px,#fff 100%,transparent 0),radial-gradient(circle 10px,#fff 100%,transparent 0),radial-gradient(circle 10px,#fff 100%,transparent 0),radial-gradient(circle 10px,#fff 100%,transparent 0);background-position:0em -18em,0em 18em,18em 0em,-18em 0em,13em -13em,-13em -13em,13em 13em,-13em 13em;background-repeat:no-repeat;font-size:.5px;border-radius:50%;animation:blast 1s ease-in infinite}.loader:after{font-size:1px;background:#fff;animation:bounce 1s ease-in infinite;-webkit-animation:bounce 1s ease-in infinite}@keyframes bounce{0%,to{font-size:.75px}50%{font-size:1.5px}}@keyframes blast{0%,40%{font-size:.5px}70%{opacity:1;font-size:4px}to{font-size:6px;opacity:0}}