.weatherapp{font-family:cursive;width:100%;border-radius:8px;padding-bottom:2rem;margin:auto;margin-top:0rem}.video{position:absolute;right:0;bottom:0;z-index:-1}.dayzone{height:50px;width:300px;background-color:#504949b3;border-radius:10px;border:1px solid white}.dayzone{padding:0 10px}#cloud,#day{float:left;padding-right:8px}#date{float:right}#searchBox{height:2rem;width:50%;margin-right:.5rem;padding-left:.5rem;border-radius:20px;border:1px solid black}#serachButton{height:2.5rem;border-radius:20px}.fa-solid{font-weight:800px;font-size:larger}.btn{background-color:#8dd98d;width:100px;height:40px;font-weight:700;font-size:larger;border-radius:20px;transition:1s}.btn:hover{background-color:#000;color:#fff}.card-container{color:#fff;height:100%;margin-top:70px;display:flex;justify-content:center}.card{min-height:200px;min-width:250px;height:250px;width:280px;border:2px solid white;background-color:#504949b3;border-radius:8px;margin:10px;transition:.3s}@media only screen and (max-width: 800px){.card-container{overflow:scroll;justify-content:left;padding:20px;margin-top:0}}.location{float:left;padding-left:20px;font-size:x-large}.cloud{font-weight:bolder;font-size:xx-large}.maxandmin{margin-top:90px}.presure{margin-top:40px;font-size:xx-large;font-weight:bolder}.sunset{padding-top:20px}.fa-sun,.fa-cloud-sun{float:right;padding-right:10px;font-size:xx-large}