body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/weatherapp/static/media/background.467e23b6ac071d826a67.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.header{opacity:.5;width:100%}.header-title{color:#258e93;font-size:clamp(1rem,.95rem + .25vw,1.25rem);font-size:2rem;letter-spacing:2px;padding:5px;text-align:center}html{box-sizing:border-box}:root{--clr-neon:#14f7ff}.main-container{display:flex;flex-direction:column;height:100%;width:100%}.first-container{display:flex}.search-container{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;gap:10px;justify-content:space-around;padding:10px;width:25%}.input-field{border:none;box-shadow:3px 3px 5px grey;font-size:clamp(1rem,.65rem + .25vw,1.25rem);padding:5px 0 5px 5px;width:100%}.input-field:focus{outline:none}.input-field::placeholder{font-size:clamp(1rem,.65rem + .25vw,1.25rem)}.search-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000;border:.125em solid #14f7ff;border:.125em solid var(--clr-neon);border-radius:8px;box-shadow:inset 0 0 .5em 0 0 .5em #14f7ff #14f7ff;box-shadow:inset 0 0 .5em var(--clr-neon) 0 0 .5em var(--clr-neon);color:#14f7ff;color:var(--clr-neon);cursor:pointer;font-size:clamp(1rem,.95rem + .25vw,1.25rem);padding:5px;text-shadow:0 0 .3em #14f7ff;text-shadow:0 0 .3em var(--clr-neon);width:100%}.search-container>p{font-size:1.2rem;font-weight:700}.location-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000;border:.125em solid #14f7ff;border:.125em solid var(--clr-neon);border-radius:8px;box-shadow:inset 0 0 .5em 0 0 .5em #14f7ff #14f7ff;box-shadow:inset 0 0 .5em var(--clr-neon) 0 0 .5em var(--clr-neon);color:#14f7ff;color:var(--clr-neon);cursor:pointer;text-shadow:0 0 .3em #14f7ff;text-shadow:0 0 .3em var(--clr-neon)}.current-location-data,.location-button{font-size:clamp(1rem,.95rem + .25vw,1.25rem);padding:5px;width:100%}.current-location-data{background:linear-gradient(180deg,#317934,#0c0202);box-shadow:3px 3px 5px #789;color:#fff;line-height:1.5rem}.location-button:hover,.search-button:hover{transform:scale(.95);transition:.2s ease-out}.weather-data{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff2e;border-radius:8px;box-shadow:5px 5px 10px #000;color:#fff;display:flex;flex-direction:column;font-size:clamp(1rem,.95rem + .25vw,1.25rem);object-fit:contain;padding:0;text-align:center;width:40%}.weather-image img{object-fit:contain;width:10vw}.container1{display:grid;grid-template-columns:auto auto}.humidity,.wind{align-items:center;display:flex;justify-content:center}.wind-image img{height:3vh;object-fit:contain;width:3vw}.humidity-image{gap:5%}.humidity-image,.wind-image{align-items:center;display:flex;justify-content:center}.wind-image{gap:2px}.humidity-image img{height:3vh;object-fit:contain;width:3vw}.current-forecast,.text-wrap{align-items:center;display:flex;justify-content:space-around}.current-forecast{flex-direction:column;padding:0 10px;width:100%}.second-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-inline:10px;margin-top:3%;row-gap:10px}section{padding:40px 0}.five-days,section{display:flex;justify-content:center}.five-days{align-items:center;border-radius:10px;width:40%}.five-days p{font-size:2.5vw}@media (max-width:425px){.first-container{flex-direction:column;margin-inline:10%}.search-container{width:100%}.second-container{flex-direction:column}.weather-data{width:100%}}*{box-sizing:border-box;margin:0;padding:0}.card-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff2e;border-radius:8px;box-shadow:5px 5px 15px #000;flex-direction:column;font-size:clamp(1rem,.95rem + .25vw,1.25rem);padding:5px}.card-container,.image-container{align-items:center;display:flex;justify-content:center}p{color:#fff;text-align:center}@media (max-width:425px){.card-container{width:79%}}
/*# sourceMappingURL=main.f6806880.css.map*/