body{margin:0;position:relative;font-family:Verdana,Geneva,Tahoma,sans-serif;background-size:cover}body.light{background:radial-gradient(circle farthest-corner at .7% 2.7%,#eddc8c 0,#f17979 90%)}body.light .weather-instance{background-image:url(/static/media/city1.1602c951.jpg)}body.light .header-container input{background-color:hsla(0,0%,100%,.3)}body.light .header-container input:focus{background-color:hsla(0,0%,100%,.7)}body.dark{background:linear-gradient(179.6deg,#00131a -4.9%,#004d69 108.4%)}body.dark .weather-instance{background-image:url(/static/media/night2.5bd3b1b3.jpg)}body.dark .header-container input{background-color:hsla(0,0%,100%,.7)}body.dark .header-container input:focus{background-color:rgba(255,240,173,.7)}.App{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;text-align:center;height:100vh}body.light .rec-arrow{background:transparent;color:#8e1500;border:2px solid #8e1500}body.light .rec-arrow:hover{background:rgba(229,219,206,.5)}body.light .rec-pagination .rec-dot{box-shadow:0 0 1px 3px #8e1500}body.light .rec-pagination .rec-dot_active{background:rgba(229,219,206,.5)}body.dark .rec-arrow{background:transparent;color:gold;border:2px solid gold}body.dark .rec-arrow:hover{background:rgba(255,247,214,.5)}body.dark .rec-pagination .rec-dot{box-shadow:0 0 1px 3px gold}body.dark .rec-pagination .rec-dot_active{background:rgba(255,247,214,.5)}@media (min-width:1px){.rec-arrow{display:none}}@media (min-width:480px){.rec-arrow{display:block;margin:20px}}@media (min-width:1700px){.rec-arrow,.rec-dot{display:none}}.main-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center}@media (min-width:0px){.main-container{min-height:31em;margin:2em 0 0}}@media (min-width:480px){.main-container{height:100%;margin:auto 0}}.weather-instance{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-flex-direction:column;flex-direction:column;position:relative;color:#fff;background-size:cover;background-position:50%;height:30em;padding:0 20px;box-shadow:10px 5px 5px rgba(0,0,0,.7);border-radius:15px;margin-bottom:20px;margin-right:20px}.date,.low-high,.weather{font-size:20px;text-shadow:2px 3px rgba(0,0,0,.6)}.city,.temp{text-shadow:2px 5px rgba(0,0,0,.6)}.city{font-size:32px;font-weight:500}.temp{font-size:70px;font-weight:800}.delete{position:absolute;top:15px;right:15px;background:transparent;border:none;cursor:pointer}.delete .delete-icon{font-size:25px;color:hsla(0,0%,100%,.4)}.delete .delete-icon:hover,.error{color:#fff}.error{margin:auto;position:absolute;top:150px;left:0;bottom:0;right:0;z-index:1;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-size:14px;font-weight:700;background-color:rgba(199,19,19,.5);border:2px solid #ff5100;border-radius:10px;box-shadow:3px 3px 5px rgba(0,0,0,.7);padding:5px 10px;text-shadow:2px 1px rgba(0,0,0,.6)}*{margin:0;padding:0}body.light .search-container{background-color:#ffe7d5}body.light .search-bar{border-color:#8e1500}body.light .input,body.light .submit{color:#8e1500}body.light .input::-webkit-input-placeholder{color:#8e1500}body.light .input:-ms-input-placeholder{color:#8e1500}body.light .input::placeholder{color:#8e1500}body.light .search-bar:focus-within .submit{background:#8e1500;color:#fff}body.light .search-bar:focus-within .submit:focus,body.light .search-bar:focus-within .submit:hover{box-shadow:0 0 5px rgba(0,0,0,.75)}body.dark .search-container{background-color:#002e3e}body.dark .search-bar{border-color:gold}body.dark .input,body.dark .submit{color:gold}body.dark .input::-webkit-input-placeholder{color:gold}body.dark .input:-ms-input-placeholder{color:gold}body.dark .input::placeholder{color:gold}body.dark .search-bar:focus-within .submit{background:gold;color:#002e3e}body.dark .search-bar:focus-within .submit:focus,body.dark .search-bar:focus-within .submit:hover{box-shadow:0 0 5px rgba(0,0,0,.75)}@media (min-width:0px){.search-container{-webkit-justify-content:space-between;justify-content:space-between;width:100%;height:5rem;background-color:#ffe7d5;box-shadow:0 1px 4px #000}.search-bar,.search-container{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.search-bar{margin:10px;width:75%;border:2px solid;border-radius:40px;height:30px;width:30px;padding:2px;transition:width .3s ease-in-out;overflow:hidden}.input{-webkit-flex-grow:1;flex-grow:1;font-size:1rem;padding:0 .5em;border:0;position:absolute;top:0;bottom:0;line-height:28px;cursor:pointer;opacity:0;background:transparent}.input:focus{outline:0}.submit{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:1.5rem;cursor:pointer;border:0;background:transparent;border-radius:50%;width:30px;height:30px;margin-left:auto;transition:background .15s ease-in-out}.search-bar:focus-within{width:75%}.search-bar:focus-within .submit{background:#8e1500;color:#fff}.search-bar:focus-within .submit:focus,.search-bar:focus-within .submit:hover{outline:0;box-shadow:0 0 5px rgba(0,0,0,.75)}.search-bar:focus-within .input{cursor:text;opacity:1;width:78%}}@media (min-width:480px){.search-bar:focus-within{width:20rem}}#darkMode{margin:0 10px;z-index:1;background:transparent url(/static/media/darkModeIcon.00874d89.png) no-repeat 50%;background-size:20px 20px;width:35px;height:35px;-webkit-filter:grayscale(100%);filter:grayscale(100%);border:none;border-radius:50%;transition:background-color .3s ease-in-out,-webkit-filter .3s ease-in-out;transition:background-color .3s ease-in-out,filter .3s ease-in-out;transition:background-color .3s ease-in-out,filter .3s ease-in-out,-webkit-filter .3s ease-in-out;outline:none}#darkMode:focus,#darkMode:hover{cursor:pointer}#darkMode.clicked,#darkMode:focus,#darkMode:hover{-webkit-filter:none;filter:none;background-color:#012a4a}#darkMode.clicked{border:2px solid gold}
/*# sourceMappingURL=main.32595c44.chunk.css.map */