@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700,900&display=swap);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}*{font-family:"Roboto",sans-serif}body{background-color:#343d4b}:root{--gradient:linear-gradient(135deg,#72edf2 10%,#5151e5)}.clear{clear:both}.weather{margin:0;width:100%;font-family:"Montserrat",sans-serif;display:flex;align-items:center;justify-content:center;box-sizing:border-box;line-height:1.25em}.w-container{border-radius:25px;box-shadow:0 0 70px -10px rgba(0,0,0,.2);background-color:#222831;color:#fff;height:400px}.weather-side{position:relative;height:100%;border-radius:25px;width:300px;box-shadow:0 0 20px -10px rgba(0,0,0,.2);transition:transform .3s ease;transform:translateZ(0) scale(1.02) perspective(1000px);float:left}.weather-side:hover{transform:scale(1.1) perspective(1500px) rotateY(10deg)}.weather-gradient{position:absolute;width:100%;height:100%;top:0;left:0;background-image:linear-gradient(135deg,#72edf2 10%,#5151e5);background-image:var(--gradient);border-radius:25px;opacity:.8}.date-container{position:absolute;top:25px;left:25px}.date-dayname{margin:0}.date-day{display:block}.weather-container{position:absolute;bottom:25px;left:25px}.weather-icon.feather{height:60px;width:auto}.weather-temp{margin:0;font-weight:700;font-size:4em}.weather-desc{margin:0}.info-side{position:relative;float:left;height:100%;padding-top:4%}.value{padding-left:45px}.today-info{padding:15px;margin:0 25px 25px;border-radius:10px}.today-info>div:not(:last-child){margin:0 0 10px}.today-info>div .title{float:left;font-weight:700}.today-info>div .value{float:right}.week-list>li{float:left;padding:15px;cursor:pointer;transition:.2s ease;border-radius:10px}.week-list>li:hover{transform:scale(1.1);background:#fff;color:#222831;box-shadow:0 0 40px -5px rgba(0,0,0,.2)}.location-container{padding:25px 35px}.location-button{outline:none;width:100%;box-sizing:border-box;border:none;border-radius:25px;padding:10px;font-family:"Montserrat",sans-serif;background-image:linear-gradient(135deg,#72edf2 10%,#5151e5);background-image:var(--gradient);color:#fff;font-weight:700;box-shadow:0 0 30px -5px rgba(0,0,0,.25);cursor:pointer;transition:transform .2s ease}.location-button:hover{transform:scale(.95)}.location-button .feather{height:1em;width:auto;margin-right:5px}.list-group>.list-group-item.active{background-color:#343d4b!important;border-color:#343d4b!important}.badge{padding:.55em .8em!important;background-color:#343d4b!important;color:#d3d3d3}.badge:hover{color:#fff;transition:color 1.5s}
/*# sourceMappingURL=main.bf814035.chunk.css.map */