*{padding:0;margin:0}body{height:100vh;background-color:#efefef;font-family:"Montserrat",sans-serif;padding:25px;background:#fc466b;background:linear-gradient(90deg,#3f5efb,#fc466b)}.row{text-align:center;margin-bottom:5px}.weather-widget{padding:20px 0;box-shadow:0 2px 5px 0 rgba(0,0,0,.3);flex-flow:column wrap;justify-content:center;justify-items:center;background-color:#39434f;color:#fff;width:25%;z-index:1}.weather-widget,.weather_contanier{display:flex;box-shadow:0 0 8px 0 rgba(0,0,0,.75)}.weather_contanier{width:900px;margin:0 auto;background-color:#fff;border-radius:20px;overflow:hidden}.dropdown_weather{display:flex;justify-content:center;flex-direction:column;text-align:center;margin-bottom:35px}.weather-icon{font-size:5rem;animation:rotation 5s linear infinite}.temp-c{margin-bottom:20px}.location-country{color:#fff;font-weight:300}.weather-forecast{width:75%}.forecast-item{display:flex;justify-content:space-between;border-bottom:1px solid #e1e1e1;padding:20px;transition:all .2s}.forecast-item:hover{background-color:#f3f1f1;cursor:pointer}.forecast-item h6{color:#888;margin-top:5px}.forecast{text-align:right}.form_container{position:relative;display:flex}.select{position:relative;display:inline-block;margin-bottom:15px;width:100%}.select select{font-family:"Arial";display:inline-block;width:90%;cursor:pointer;padding:10px 15px 10px 0;outline:0;border-radius:0;background:none;color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0 auto!important;border:0 solid #000;border-bottom:2px solid #ddd;transition:all .2s}.select select::-ms-expand{display:none}.select select:focus,.select select:hover{color:#fff;background:#176abf;border-radius:7px}.select select:disabled{opacity:.5;pointer-events:none}.select_arrow{position:absolute;top:16px;right:15px;pointer-events:none;border-color:#fff transparent transparent;border-style:solid;border-width:8px 5px 0}.select select:focus~.select_arrow,.select select:hover~.select_arrow{border-top-color:#fff}.select select:disabled~.select_arrow{border-top-color:#ccc}@media only screen and (max-width:600px){.body{flex-flow:column}.weather-forecast,.weather-widget{width:100%}.temp-c{margin-bottom:7px}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
/*# sourceMappingURL=main.9651c1fa.chunk.css.map */