@import url(https://fonts.googleapis.com/css2?family=DotGothic16&family=Roboto&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}*{margin:0;padding:0;box-sizing:border-box;font-family:"Roboto",sans-serif}h1{font-family:"serif"}nav{width:100%;padding:1.5em;border-bottom:1px solid #000}#title{font-weight:bolder;font-size:18px!important;letter-spacing:3px;font-family:"DotGothic16";cursor:pointer}#title,nav .title:hover{color:#000;text-decoration:none}.container{height:100%;margin-top:2em;margin-left:auto;margin-right:auto;width:80%}header{position:relative;padding-top:5em;padding-bottom:6em;border-bottom:1px solid #000}.headerTitle{font-family:"DotGothic16";text-align:center;margin-bottom:1em}.header-container{width:60%;margin:auto}input[type=text]{font-size:20px;margin:0;width:100%;border-radius:5px}.search-result,input[type=text]{text-decoration:none;padding:10px}.search-result{list-style:none;max-width:600px;border:1px solid #000;margin-top:20px;margin-left:auto;margin-right:auto}.search-result:hover{cursor:pointer}.card{position:relative;padding:1em;border:1px solid #000;box-shadow:5px 5px #000}header .search-container{margin-left:auto;margin-right:auto;width:65%;max-width:500px}.coords{position:absolute;bottom:10px;left:10px}.city-card{margin:auto;padding:1em 1em 10em;height:200px}.city-card,.weekly-card{position:relative;border:1px solid #000;box-shadow:5px 5px #000;max-width:600px}.weekly-card{margin:1em auto;padding:1em}.weekly-temp{font-size:25px;font-weight:700;float:right}.weekly-weather-list{padding-top:10px;padding-bottom:10px}.city-name{font-size:30px}.img-container{position:absolute;top:10px;right:10px;width:120px;size:50px}img{float:right}.temp-container{position:absolute;bottom:40px;left:15px;font-size:30px}.degree{font-size:20px;font-weight:400}.short-forecast{position:absolute;text-align:right;right:0;top:90px;font-size:14px}.loading-container{width:100px;margin-top:4em;margin-left:auto;margin-right:auto;text-align:center}.loading{font-family:"DotGothic16";text-align:center}.search-results{padding-bottom:2em}
/*# sourceMappingURL=main.3b3f4680.chunk.css.map */