@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@200;800&display=swap);.root,body,html{background:#0080ff;background:linear-gradient(40deg,#0080ff,#ff980f);height:-webkit-max-content;height:max-content;margin:0;min-height:100%;min-width:100%}body{position:absolute}.mainHeader{text-align:center}.mainHeader .heading{font-family:Montserrat,sans-serif}.mainHeader .heading p:first-child{font-size:3.5em;margin-bottom:0;margin-top:10%}.mainHeader .heading p:nth-child(2){font-size:1em}.mainHeader .searchBar{border-bottom:1vw solid #000;margin:auto;width:60%}.mainHeader .searchBar button,.mainHeader .searchBar input{background:none;border:none}.mainHeader .searchBar input{font-family:Montserrat,sans-serif;font-size:1.7em;width:80%}.mainHeader .searchBar button:focus,.mainHeader .searchBar input:focus,.mainHeader .searchBar select:focus,.mainHeader .searchBar textarea:focus{outline:none}.weatherInformation .essential{height:100%;width:100%}.weatherInformation .essential h2{font-family:Montserrat,sans-serif;font-size:2.1em;text-align:center}.weatherInformation .essential h2:nth-child(3),.weatherInformation .essential img{display:inline-block;margin:auto;padding:0}.weatherInformation .essential img{margin:auto auto auto 20%;vertical-align:bottom;width:20%}.weatherInformation .essential h2:nth-child(3){margin-bottom:5%;margin-left:5%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.weatherInformation .non-essential{font-family:Montserrat,sans-serif;padding:4vw}.weatherInformation .non-essential .weather-data p{display:inline-block;font-size:1.6em;margin-bottom:1.5vh;margin-top:1.5vh}.weatherInformation .non-essential .weather-data p:nth-child(2n){position:absolute;right:4vw}.error{font-family:Montserrat,sans-serif;font-size:1.4em;margin:auto;position:relative;text-align:center;width:100%}@media only screen and (min-width:400px){.mainHeader .heading p:first-child{font-size:4em}.mainHeader .heading p:nth-child(2){font-size:1.5em}.mainHeader .searchBar input{font-size:2.1em}.weatherInformation .essential h2{font-size:2.5em}.error,.weatherInformation .non-essential .weather-data p{font-size:2em}}@media only screen and (min-width:450px){.mainHeader .heading p:first-child{font-size:4.5em}.mainHeader .heading p:nth-child(2){font-size:1.6em}.mainHeader .searchBar input{font-size:2.2em}.weatherInformation .essential h2{font-size:2.7em}.weatherInformation .non-essential .weather-data p{font-size:2.2em}.error{font-size:2em}}@media only screen and (min-width:500px){.mainHeader .heading p:first-child{font-size:3.5em}.mainHeader .heading p:nth-child(2){font-size:1.3em}.mainHeader .searchBar input{font-size:2em}.weatherInformation .essential h2{font-size:2.4em}.weatherInformation .non-essential .weather-data p{font-size:2em}.error{font-size:1.5em}}@media only screen and (min-width:600px){.mainHeader .heading p:first-child{font-size:5.5em}.mainHeader .heading p:nth-child(2){font-size:2em}.mainHeader .searchBar input{font-size:2.6em}.weatherInformation .essential h2{font-size:3.5em}.weatherInformation .non-essential .weather-data p{font-size:3em}.error{font-size:2em}}@media only screen and (min-width:800px){.mainHeader .heading p:first-child{font-size:6em}.mainHeader .heading p:nth-child(2){font-size:2.5em}.mainHeader .searchBar input{font-size:3em}.weatherInformation .essential h2{font-size:3.5em}.weatherInformation .non-essential .weather-data p{font-size:3em}.error{font-size:2.5em}}@media only screen and (min-width:900px){.mainHeader .heading p:first-child{font-size:7em}.mainHeader .heading p:nth-child(2){font-size:2.5em}.mainHeader .searchBar input{font-size:3.5em}.weatherInformation .essential h2{font-size:4.5em}.weatherInformation .non-essential .weather-data p{font-size:4em}.error{font-size:2.5em}}@media only screen and (min-width:1000px){.mainHeader .heading p:first-child{font-size:5em;margin-top:5%}.mainHeader .heading p:nth-child(2){font-size:2em;margin-bottom:5%}.mainHeader .searchBar{border-bottom:.5vh solid #000;display:flex;width:40%}.mainHeader .searchBar input{font-family:Montserrat,sans-serif;font-size:2.5em;width:80%}.weatherInformation{-ms-grid-columns:3fr 6fr;display:-ms-grid;display:grid;grid-template-columns:3fr 6fr;position:fixed;top:50%;width:100%}.weatherInformation .essential h2{font-size:2.1em;margin:6% 6% 0;text-align:center}.weatherInformation .essential img{display:block;margin:auto auto 0 35%;width:30%}.weatherInformation .essential h2:nth-child(3),.weatherInformation .essential h2:nth-child(4){display:inline-block;font-size:2em;margin-top:0;text-align:center;width:80%}.weatherInformation .non-essential{padding:0;width:100%}.weatherInformation .non-essential,.weatherInformation .non-essential .weather-data{-ms-grid-columns:1fr 1fr;display:-ms-grid;display:grid;grid-template-columns:1fr 1fr}.weatherInformation .non-essential .weather-data{border-left:.11em solid rgba(0,0,0,.4);padding-left:5%}.weatherInformation .non-essential .weather-data p{font-size:1.8em;margin-bottom:1.5vh;margin-top:2vh}.weatherInformation .non-essential .weather-data p:nth-child(2n){margin-right:2em;position:relative;right:auto;text-align:end}.error{font-size:1.5em}.mainHeader .heading p:first-child{font-size:4em}.mainHeader .heading p:nth-child(2){font-size:1.5em;margin-bottom:1%}.mainHeader .searchBar input{font-size:2.5em}.weatherInformation .essential h2,.weatherInformation .essential h2:nth-child(3),.weatherInformation .essential h2:nth-child(4){font-size:2em}.weatherInformation .non-essential .weather-data p{font-size:1.5em}.error{font-size:1.8em}}@media only screen and (min-width:1500px){.mainHeader .heading p:first-child{font-size:4vw}.mainHeader .heading p:nth-child(2){font-size:2vw;margin-bottom:2%}.mainHeader .searchBar input{font-size:3vw}.weatherInformation .essential h2,.weatherInformation .essential h2:nth-child(3),.weatherInformation .essential h2:nth-child(4){font-size:2.4vw}.weatherInformation .non-essential .weather-data p{font-size:1.7vw}.error{font-size:2vw}}@media only screen and (min-width:2000px){.mainHeader .heading p:first-child{font-size:3vw;margin-top:5%}.mainHeader .heading p:nth-child(2){font-size:1.5vw;margin-bottom:2%}.mainHeader .searchBar{width:30%}.mainHeader .searchBar input{font-size:2.5vw}.mainHeader .searchBar img{width:7rem}.weatherInformation .essential h2,.weatherInformation .essential h2:nth-child(3),.weatherInformation .essential h2:nth-child(4){font-size:2.4vw}.weatherInformation .non-essential .weather-data p{font-size:1.7vw}.error{font-size:2vw}}
/*# sourceMappingURL=main.5c5eb1e7.css.map*/