body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{box-sizing:border-box;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;min-height:100vh;text-align:center}.box,.container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.box{background:#b379d91a;background:linear-gradient(310deg,#b379d9,#092579 0,#90f);border-radius:10px;box-shadow:0 2px 5px 0 #00000029,0 2px 10px 0 #0000001f;height:auto;max-width:900px;min-height:800px;width:70%}.top{background-color:initial;color:#fff;font-size:3em;height:auto;margin:20px;padding:10px;position:relative;text-align:center;top:-40px}.Search-Container,.top{box-sizing:border-box;display:flex;justify-content:center;width:100%}.Search-Container{align-items:center;flex-direction:column}input[type=text]{border:none;border-radius:5px;box-sizing:border-box;cursor:pointer;max-width:80%;padding:10px;width:300px}input[type=text]:focus{border:1px solid #008cba;outline:none}.btn{background-color:#008cba;border:none;border-radius:5px;box-shadow:0 2px 5px 0 #00000029,0 2px 10px 0 #0000001f;box-sizing:border-box;color:#fff;cursor:pointer;margin-top:10px;max-width:70%;padding:10px 20px;transition:background-color .3s ease-in-out;width:200px}.btn:hover{background-color:#4caf50}.middle{position:relative;top:-50px;width:90%}.current-weather-info{align-items:center;background-color:initial;border-radius:10px;box-shadow:0 2px 5px 0 #000000db,0 2px 10px 0 #0000001f;box-sizing:border-box;color:#fff;display:flex;flex-direction:row;height:300px;justify-content:center;margin:20px auto;padding:10px;width:100%}.weather-city{font-size:2em}.weather-city,.weather-temp{margin:10px 0;text-align:center}.weather-temp{font-size:3em;width:300px}.Desc{color:#000;font-size:20px;font-weight:700;margin:10px 0;text-align:center}.weather-description{font-size:1.5em;text-align:center}.weather-details{align-items:center;background-color:initial;border-left:1px solid #ffffff80;border-radius:10px;box-shadow:0 2px 5px 0 #000000db,0 2px 10px 0 #0000001f;box-sizing:border-box;color:#f0f8ff;display:flex;font-weight:700;height:300px;justify-content:space-between;margin:0 auto;padding:40px;text-align:center;width:100%}.weather-error,.weather-message{color:#fff;font-size:1.1em;margin:10px 0;text-align:center}@media (max-width:750px){.box{width:85%}.top,.weather-temp{font-size:2.5em}.weather-city{font-size:1.8em}.weather-details{flex-direction:column;height:auto;padding:20px}.weather-details>*{margin:10px 0}.weather-details .Temp,.weather-details .h{border-left:none}.weather-details .h{text-align:left}.middle{margin:30px;top:-40px}}@media (max-width:600px){.box{min-height:700px;padding:10px;width:95%}.top{font-size:2em;height:auto}.Search-Container{padding:0 5px}.btn,input[type=text]{width:95%}.middle{top:-20px}.current-weather-info{flex-direction:column;height:auto;padding:15px}.current-weather-info>*{width:100%}.weather-temp{font-size:2em;width:auto}.weather-details{flex-direction:column;height:auto;padding:15px}.weather-details>*{width:100%}.weather-city{font-size:1.5em}.weather-description{font-size:1.2em}}
/*# sourceMappingURL=main.ead39370.css.map*/