.mobile-dimen{background-color:#313131;display:flex;flex-direction:column}.search-field{display:flex;flex-direction:row;gap:10px}.weather-location{text-align:center}.main-app{flex-direction:column}.extra-info,.main-app{background-color:#a5a5a580;border-radius:30px;display:flex}.days-change,.extra-info{flex-direction:row}.days-change{display:flex;gap:1em}.day{background-color:#a5a5a580;border-radius:30px;display:flex;flex-direction:column;justify-content:flex-start}.button-search{background-color:#fff;border:0;border-radius:50%;cursor:pointer;min-height:100%;min-width:45px}.button-search,.info{align-items:center;display:flex}.info{flex-direction:column;gap:6px;height:60px;width:83px}.day img{width:35px}.main-app h1{font-family:Euclid;font-size:60px;outline:none}.info img{width:20px}.day p,.info p{color:#fff;font-family:Euclid2;font-size:14px}.day p{margin-bottom:-4px}input{background-color:#fff;border:0;border-radius:20px;color:#626262;color:#000;font-family:Euclid2;font-size:20px;outline:none;padding:10px}h1,input{font-weight:400}h1{color:#fff;font-family:Euclid}@media (max-width:912px),screen and (orientation:landscape){.mobile-dimen{border-radius:0;height:100vh;width:100vw}input{height:50%;width:70vw}h1{font-size:2.5em}.search-field{margin-top:2em;max-width:90vw;min-height:3vh}.main-app{height:34vh;width:80vw}.main-app img{width:10em}.extra-info{height:12vh;width:80vw}.day{height:12vh;width:18vw}}@media not (max-width:912px),screen and (orientation:landscape){.mobile-dimen{border-radius:10px;height:600px;width:290px}input{max-width:200px}h1{font-size:4vh}.search-field{margin-top:16px}.main-app{height:200px;width:250px}.main-app img{width:120px}.extra-info{height:100px;width:250px}.day{height:100px;width:50px}}@font-face{font-family:Euclid;src:url(/my-weather-app/static/media/Euclid%20Circular%20A%20Bold.b4788f2f8f64a74fe6d6.ttf)}@font-face{font-family:Euclid2;src:url(/my-weather-app/static/media/Euclid%20Circular%20A%20Regular.d54600880dc63db716f2.ttf)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*{margin:auto}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:gray;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;justify-content:center;margin:0;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.0223aa24.css.map*/