@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}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}: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;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}.headTitle{font-weight:600;font-size:96px;color:#fff}.titleDiv{text-align:right;width:100%;display:inline-block}@media screen and (max-width:400px){.headTitle{display:none}}.footerBy{padding-top:25px;float:right;margin-right:25px;color:beige;text-decoration:none}.footerBy a{color:#72edf2;text-decoration:none}.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);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: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}.weather-container{position:absolute;bottom:25px;left:25px}.weather-icon{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}.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: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}.overlay{height:100%;width:100%;position:fixed;z-index:1;top:0;left:0;background-color:#000;background-color:rgba(0,0,0,.9)}.overlay-content{width:100%;height:55px;text-align:center}.closeDiv{width:100%;height:10%}.search-container{position:relative;margin:auto;width:90%;height:80%}.search-and-results{width:100%;position:absolute;top:50%;transform:translateY(-50%)}.closebtn{float:right;top:20px;margin-right:45px;font-size:48px;cursor:pointer;color:#fff}.closebtn:hover{color:#ccc}.overlay input[type=text]{height:100%;width:50%;margin-left:25%;font-size:17px;border:none;background:#fff}.overlay input[type=text]:hover{background:#f1f1f1}.overlay button{float:left;width:15%;margin-left:5%;padding:15px;background:#ddd;border-radius:40px;font-size:17px;border:none;cursor:pointer}.overlay button:hover{background:#bbb}.searchBox{border:2px solid #d3d3d3;background-color:transparent;border-radius:40px;display:flex;text-align:center;overflow:hidden}h2{width:100%;margin-top:1%;padding-left:5%}.list-item{list-style-type:none;font-size:14px;height:30px}.list-item:hover{color:red}.week-list{list-style-type:none;padding:0;margin:10px 35px;box-shadow:0 0 50px -5px rgba(0,0,0,.25);border-radius:10px;background:#}.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)}.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}
/*# sourceMappingURL=main.0bfdb8cc.chunk.css.map */