*{box-sizing:border-box;margin:0;padding:0}.App{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden;width:100%;background-size:cover;padding:3rem 4rem;font-family:"Roboto",sans-serif}@media only screen and (max-width:600px){.App{padding:3rem 1rem}}.background{width:100%;height:100%;position:absolute;object-fit:cover}.weather-card{display:flex;justify-content:space-between;align-items:center;width:30rem;font-family:"Reem Kufi",sans-serif;margin-top:3rem;border-radius:10px;box-shadow:0 4px 4px rgba(0,0,0,.25),0 4px 4px rgba(0,0,0,.25);position:relative;cursor:pointer;transition:all .5s ease-in-out}.weather-card:hover{transform:perspective(100rem) rotateX(-20deg)}@media only screen and (max-width:600px){.weather-card{width:100%}}a{text-decoration:none;color:#fff}.weather-bg{width:100%;height:100%;position:absolute;border-radius:10px;object-fit:cover;background:#b1b1b1;opacity:.4;z-index:2}@media only screen and (max-width:600px){.weather-bg{width:100%}}.location-info{z-index:3;padding:2rem}@media only screen and (max-width:600px){.location-info{padding:1rem}}.location-info div{padding-top:1rem;color:#2d2d2d}.data-icon-info{z-index:4;padding:2rem}@media only screen and (max-width:600px){.data-icon-info{padding:1rem}}.data-icon-info h1{font-size:2.3rem}@media only screen and (max-width:600px){.data-icon-info h1{font-size:1.5rem}}.data-icon-info h5{font-size:.8rem}@media only screen and (max-width:600px){.data-icon-info h5{font-size:.7rem}}.data-icon-info img{width:5rem}.search-container{margin-top:3rem;box-shadow:0 4px 4px rgba(0,0,0,.25),0 4px 4px rgba(0,0,0,.25);width:30rem;border-radius:10px}@media only screen and (max-width:600px){.search-container{width:100%}}.search-container input{width:25rem;padding:.6rem .6rem .6rem 2.4rem;border-bottom-left-radius:10px;border-top-left-radius:10px;border:none}@media only screen and (max-width:600px){.search-container input{width:100%;border-radius:0;border-top-left-radius:10px;border-top-right-radius:10px}}.search-container input:focus{outline-style:none;box-shadow:none;border-color:transparent}.search-container button{width:5rem;border-bottom-right-radius:10px;border-top-right-radius:10px;padding:.6rem;border:none;background:#1d1d1d;color:#fff;font-weight:700;cursor:pointer}@media only screen and (max-width:600px){.search-container button{width:100%;border-radius:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px}}.search-container button:hover{background:#222}.search-container button:active{background:#000}.search-container button:focus{outline-style:none;box-shadow:none;border-color:transparent}.title-container{cursor:pointer;width:30rem;background:#1d1d1d;color:#fff;padding:.7rem;border-radius:10px;text-align:center;font-weight:700;box-shadow:0 4px 4px rgba(0,0,0,.25),0 4px 4px rgba(0,0,0,.25)}@media only screen and (max-width:600px){.title-container{width:100%}}.title-container h1{font-size:1.5rem}
/*# sourceMappingURL=main.7de98e44.chunk.css.map */