@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700,900&display=swap);body{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}.App{text-align:center}:root{--gradient:linear-gradient(135deg,#72edf2 10%,#5151e5)}*{box-sizing:border-box;line-height:1.25em}.clear{clear:both}body{margin:0;width:100%;height:100vh;font-family:Montserrat,sans-serif;background-color:#343d4b;color:#fff;display:flex;align-items:center;justify-content:center}.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;background-image:url(https://images.unsplash.com/photo-1559963110-71b394e7494d?auto=format&fit=crop&ixid=eyJhcHBfaWQiOjEyMDd9&ixlib=rb-1.2.1&q=80&w=675);width:300px;box-shadow:0 0 20px -10px rgba(0,0,0,.2);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-webkit-transform:translateZ(0) scale(1.02) perspective(1000px);transform:translateZ(0) scale(1.02) perspective(1000px);float:left}.weather-side:hover{-webkit-transform:scale(1.1) perspective(1500px) rotateY(10deg);transform:scale(1.1) perspective(1500px) rotateY(10deg)}.weather-gradient{position:absolute;width:100%;height:100%;top:0;left:0;background-image:-webkit-linear-gradient(315deg,#72edf2 10%,#5151e5);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}.location{display:inline-block;margin-top:10px}.location-icon{display:inline-block;height:.8em;width:auto;margin-right:5px;cursor:pointer}.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:25px}.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{list-style-type:none;padding:0;margin:2px 35px;box-shadow:0 0 50px -5px rgba(0,0,0,.25);border-radius:10px}.week-list>li{float:left;padding:15px;cursor:pointer;-webkit-transition:.2s ease;transition:.2s ease;border-radius:10px}.week-list>li:hover{-webkit-transform:scale(1.1);transform:scale(1.1);background:#fff;color:#222831;box-shadow:0 0 40px -5px rgba(0,0,0,.2)}.week-list>li.active{background:#fff;color:#222831;border-radius:10px}.week-list>li .day-name{display:block;margin:10px 0 0;text-align:center}.week-list>li .day-icon{display:block;height:30px;width:auto;margin:0 auto}.week-list>li .day-temp{display:block;text-align:center;margin:10px 0 0;font-weight:700}.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:-webkit-linear-gradient(315deg,#72edf2 10%,#5151e5);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;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.location-button:hover{-webkit-transform:scale(.95);transform:scale(.95)}.location-button .feather{height:1em;width:auto;margin-right:5px}input{background:transparent;border:0;color:#f2f2f2;font-size:20px;height:30px;line-height:30px;outline:none!important;margin-bottom:12px;width:100%;text-transform:capitalize;background-image:-webkit-gradient(linear,left top,right top,color-stop(10%,#72edf2),to(#5151e5));background-image:-webkit-linear-gradient(left,#72edf2 10%,#5151e5);background-image:linear-gradient(90deg,#72edf2 10%,#5151e5);background-size:calc(100% + 4px) 2px;background-repeat:no-repeat;background-origin:border-box;background-position:0 100%;box-sizing:border-box!important}.alert{border-radius:50px;padding:20px;background-color:#f44336;color:#fff}@media only screen and (max-width:767px){body{height:135vh}.weather-side{margin:30% 15% 15%;-webkit-transform:scale(1.1) perspective(1500px) rotateY(10deg);transform:scale(1.1) perspective(1500px) rotateY(10deg)}}#mainDiv{display:table;width:100%;height:100vh;text-align:center}.fof{display:table-cell;vertical-align:middle}.fof h1{font-size:50px;color:#f2f2f2;display:inline-block;padding-right:12px;-webkit-animation:type .5s infinite alternate;animation:type .5s infinite alternate}@-webkit-keyframes type{0%{box-shadow:inset -3px 0 0 #888}to{box-shadow:inset -3px 0 0 transparent}}@keyframes type{0%{box-shadow:inset -3px 0 0 #888}to{box-shadow:inset -3px 0 0 transparent}}.offline-page{margin-top:-200px;padding:20px}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{font-size:14px;visibility:hidden;width:140px;background-color:#000;color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;z-index:1;bottom:100%;left:50%;margin-left:-60px}.tooltip:hover .tooltiptext{visibility:visible}.location-icon{-webkit-animation:shake 1s;animation:shake 1s;-webkit-animation:shake 2s cubic-bezier(.36,.07,.19,.97) both;animation:shake 2s cubic-bezier(.36,.07,.19,.97) both;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}
/*# sourceMappingURL=main.88118c4f.chunk.css.map */