body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-position:50%;background-size:cover;flex-direction:column;height:100vh;justify-content:start;overflow:hidden;text-align:center}.App,.Navbar{align-items:center;display:flex;width:100vw}.Navbar{flex-direction:row;margin:0;padding:2em 0 0;position:relative}.MenuIconDiv{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-name:moveDown;animation-name:moveDown;margin:.4em 0 0 1em;padding:0;z-index:1}.dropdown{background-color:hsla(0,0%,100%,.7);border-radius:1em;box-shadow:0 16px 24px 2px rgba(0,0,0,.14);left:1em;position:absolute;top:5em;width:10em;z-index:1;z-index:5}svg{cursor:pointer}svg,ul{margin:0;padding:0}ul{list-style:none}.dark .dropdown{background-color:rgba(44,44,44,.7);box-shadow:0 16px 24px 2px rgba(0,0,0,.14)}.dark ul{list-style:none;margin:0;padding:0}@-webkit-keyframes moveDown{0%{opacity:0;-webkit-transform:translateY(-20em);transform:translateY(-20em)}to{opacity:1}}@keyframes moveDown{0%{opacity:0;-webkit-transform:translateY(-20em);transform:translateY(-20em)}to{opacity:1}}.listItem{color:#000;display:block;margin:0;padding:.5em;text-align:left}.listItem:first-child:hover{background-color:hsla(0,0%,100%,.2);border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:1em;border-top-right-radius:1em}.listItem:last-child:hover{border-bottom-left-radius:1em;border-bottom-right-radius:1em;border-top-left-radius:0;border-top-right-radius:0}.listItem:hover,.listItem:last-child:hover{background-color:hsla(0,0%,100%,.2)}.dark .listItem{color:#fff}.dark .listItem:first-child:hover,.dark .listItem:hover,.dark .listItem:last-child:hover{background-color:hsla(0,0%,100%,.2)}.weatherIconDiv{align-items:center;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-name:moveDown;animation-name:moveDown;background-color:hsla(0,0%,100%,.55);border-radius:.7em;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;margin-left:1em;overflow:hidden;padding-right:1em;z-index:100}.WeatherDropDown{margin:0;padding:0}.weatherImage{height:40px;width:40px}.temperatureReading{font-size:1.5em;margin:0;min-width:3em;padding:0}.invalidZipCode{font-size:1.5em;margin:0;padding:.3em 0 .3em .5em}.dark .weatherIconDiv{background-color:rgba(71,71,71,.6)}.searchDiv,form{overflow:hidden}form{margin-top:15%}input{border:.1em solid #ccc;border-radius:2em;box-sizing:border-box;font-size:1em;height:3em;max-width:80vw;overflow:hidden;position:relative;text-align:left;width:60em}input[type=text]{color:#000;padding-left:1em}h1{color:#fff;overflow:hidden;position:relative}@media (min-aspect-ratio:8/5){form{margin-top:20%}@media (max-width:800px){form{margin-top:5%}}}.dark input{background-color:#2c2c2c;border-color:hsla(0,0%,9%,.5)}.dark input[type=text]{color:#fff}input:focus{outline-width:0}.Settings{background-color:hsla(0,0%,100%,.6);border:.1em solid #ccc;border-radius:2em;box-sizing:border-box;color:#000;max-width:90vw;overflow:hidden;width:30em;z-index:1}.settingsForm{align-items:center;display:flex;flex-direction:column;margin:0 0 3em}.NameInput{border:.1em solid #ccc;border-radius:1em;box-sizing:border-box;height:2em;max-width:80vw;resize:none;text-align:left;width:20em}.NameInput[inputmode=numeric],.NameInput[type=text]{color:#000;padding-left:1em}.dark * .Settings{background-color:rgba(25,25,25,.7);border:.1em solid #424242;color:#fff}@media (min-width:1400px){.Settings{margin-top:25%}}@media (max-width:1400px){.Settings{margin-top:25%}}@media (max-width:1200px){.Settings{margin-top:20%}}@media (max-width:800px){.Settings{margin-top:15%}}@media (max-width:600px){.Settings{margin-top:0}}.toggle{align-items:center;display:flex;flex-direction:row;justify-content:space-between;max-width:100vw;width:100%}.switch{display:inline-block;height:2em;position:relative;width:4em}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;overflow:hidden;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:.3em;content:"";height:1.5em;left:.2em;width:1.5em}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 .1em #2196f3}input:checked+.slider:before{-webkit-transform:translateX(2em);transform:translateX(2em)}.slider.round{border-radius:3em}.slider.round:before{border-radius:50%}.dark .slider{background-color:#6e6e6e}.changeBackgroundDiv{background-color:hsla(0,0%,100%,.6);border:.1em solid #ccc;border-radius:2em;box-sizing:border-box;color:#000;height:90vh;left:50%;margin-top:0;max-width:85vw;overflow-y:scroll;position:fixed;-webkit-transform:translate(-50%);transform:translate(-50%);width:40em;z-index:1}.changeBackgroundDiv::-webkit-scrollbar{width:0}.backgroundForm{align-items:center;display:flex;flex-direction:column;margin:0 0 3em;position:relative}.backgroundURLInput{border:.1em solid #ccc;border-radius:1em 0 0 1em;box-sizing:border-box;font-size:1em;height:2em;margin-bottom:1em;max-width:50vw;resize:none;text-align:left;width:30em}.backgroundFormSubmit{background-color:#f5f5f5;border:.1em solid #ccc;border-left:0;border-radius:0 1em 1em 0;cursor:pointer;font-size:1em;height:2em;resize:none}.backgroundImages{display:flex;flex-basis:50%;flex-flow:row wrap;justify-content:space-around;position:inherit}.backgroundListItems{border:.05em solid #5c5c5c48;border-radius:.5em;box-shadow:.15em .15em .1em rgba(0,0,0,.05);cursor:pointer;margin:1em .5em;max-width:40%}.backgroundURLInput[type=text]{color:#000;padding-left:1em}h2{color:#000}.dark * .ChangeWeatherLocation,.dark * .changeBackgroundDiv{background-color:rgba(25,25,25,.7);border:.1em solid #424242;color:#fff}.dark .NameInput,.dark .backgroundFormSubmit{background-color:#2c2c2c;border-color:hsla(0,0%,9%,.5)}.dark .backgroundFormSubmit,.dark h2{color:#fff}.dark .NameInput[inputmode=numeric],.dark .NameInput[type=text]{color:#fff;padding-left:1em}
/*# sourceMappingURL=main.1dc6e24d.css.map*/