.background{background-image:url(/TempTeller/assets/background-O9cPgmd2.jpg);background-size:cover;width:100%;position:fixed;height:100vh;z-index:-1;margin:0;padding:0}body,html{margin:0;padding:0;overflow-x:hidden}.page h1{color:#fff}.header span{display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:5%;width:15%;grid-column:1;margin-left:5%}.header{display:grid;grid-template-columns:repeat(3,30%);margin:auto;width:100%;position:fixed;height:12%;top:0;left:0;z-index:1;background-color:#000000b3}.header h1{color:#fff}.page{position:relative;padding-top:5%;display:flex;justify-content:center;flex-direction:column;width:100%;height:100%}.current-weather-card{width:90%;background-color:#000000b3;margin:3% auto;border-radius:10px;display:flex;flex-direction:column;justify-content:center}.current-weather-card h1,.forecast-weather-cards h1{width:100%;display:flex;justify-content:center;flex-direction:row;margin:0}.date-selecter{display:grid;grid-template-columns:35% 1fr;column-gap:5%;align-items:center}.filters{display:grid;grid-template-columns:40% 1fr;column-gap:5%;align-items:center;grid-column:3}.current-weather-detail-card{width:100%;display:grid;grid-template-columns:repeat(5,1fr);margin:auto 3%;align-items:center}.forecast-weather-detail-card{margin:15px 3%;width:100%;display:grid;grid-template-columns:repeat(5,1fr);justify-content:center;align-items:center}.forecast-weather-cards{display:flex;flex-direction:column;justify-content:center;background-color:#000000b3;width:90%;margin:auto;border-radius:10px}.current-weather-card div h1,.weather-details-card h3,.weather-details-card p{color:#fff}.weather-details-card span{display:flex;flex-direction:column;justify-content:center}.weather-details-card span h3,.weather-details-card span p{margin:auto}.weather-details-card{display:flex;width:80%}.weather-details-card img{width:80px;height:80px;border:none}@media screen and (max-width: 768px){.header{display:flex;flex-direction:column;height:25%;position:static}.filters{margin-top:-5%;width:100%;display:flex;justify-content:center}.header span{margin:0}.current-weather-detail-card,.forecast-weather-detail-card{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100vw;padding:0}.weather-details-card span{display:grid;grid-template-columns:1fr 1fr;width:100%;margin:0}.weather-details-card img{width:50px;height:50px}.header span{width:100%;margin:1% auto;display:flex;justify-content:center}}