img{width:100%}ul{list-style:none;padding-left:0}body{margin:0;color:#fff;padding:0}h1,h2,h3,p{margin:0;padding:0;color:#00f5d4}.App{display:flex;justify-content:center;align-items:center;height:100vh}.could{background-image:url(/assets/could.31fe4305.jpg);background-size:cover;background-position:center}.rain{background-image:url(/assets/rain.8bb5705b.jpg);background-size:cover;background-position:center}.wind{background-image:url(/assets/wind.c41d23df.jpg);background-size:cover;background-position:center}.sunny{background-image:url(/assets/sunny.19bcd339.jpg);background-size:cover;background-position:center}.snow{background-image:url(/assets/snow.2bd4b159.jpg);background-size:cover;background-position:center}.container{background-color:#789;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.card-weather{background-color:#0006;border:1px solid white;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:280px;min-height:350px;padding:1em;border-radius:20px}.card-weather--description{padding:.25em 0 1.5em}.card-weather__body{display:flex;justify-content:center;align-items:center;border-radius:10px;border:1px solid rgba(255,255,255,.4)white;margin-bottom:2em;background-color:#fff6}.card-weather__body--left{padding-bottom:0;display:flex;flex-direction:column;align-items:center;position:relative}.card-weather__body--left h3{padding-top:0;position:absolute;top:4.2em;color:#fff}.card-weather__body--right{padding:.5em;display:flex;flex-direction:column;align-items:center}li{padding-bottom:.5em}span{color:#00f5d4}.card-weather--button{font-size:1rem;border:1px solid #00f5d4;border-radius:10px;color:#fff;background-color:#00f5d4}.card-weather--button:hover{cursor:pointer}.seleccion:hover{box-shadow:5px 5px 20px #06f1ba4d;transform:translateY(-3%);transition:all .4s ease}.lds-roller{display:inline-block;position:relative;width:80px;height:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#cef;margin:-4px 0 0 -4px}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}