@font-face{font-family:"Londrina-light";src:url(/static/media/LondrinaSolid-Light.0339a6f0.ttf)}@font-face{font-family:"Londrina-thin";src:url(/static/media/LondrinaSolid-Thin.5b7ee54d.ttf)}@font-face{font-family:"Londrina-regular";src:url(/static/media/LondrinaSolid-Regular.0d5e1206.ttf)}@font-face{font-family:"Londrina-black";src:url(/static/media/LondrinaSolid-Black.ec88da3c.ttf)}@font-face{font-family:"dancingScript";src:url(/static/media/DancingScript-VariableFont_wght.d618761a.ttf)}body,html{margin:0;font-family:"Londrina-light"}#root,.App,body,html{min-height:100vh;width:100%;background-color:rgba(23,124,207,.25)}button:focus,input:focus{outline:none}button,input{transition:all .3s ease-in-out;font-family:"Londrina-light"}button:hover:not(:disabled){transform:scale(.95);color:rgba(0,110,255,.781);cursor:pointer}button:disabled{transform:none;color:none;cursor:auto}body .home{text-align:center;-webkit-animation-name:reveal;animation-name:reveal;-webkit-animation-duration:3s;animation-duration:3s;background:url(/static/media/clouds4.ba798e02.png) 100% no-repeat;background-size:cover;min-height:85vh;width:100%;padding:4em 0 2em}body .home .backToLocationWeather{margin-top:2em;font-size:1em;padding:.3em .6em}body .home .search-results-container{display:flex;flex-wrap:wrap;justify-content:center;padding:1.5em 5% 0;-webkit-animation-name:reveal;animation-name:reveal;-webkit-animation-duration:3s;animation-duration:3s}body .home .search-results-container .loader{position:relative;display:flex;justify-content:center;align-items:center}body .home .search-results-container .loader h3{position:absolute;margin-top:2em}body .home .search-results-container .cube{flex:0 1 19%;border:1px solid #000;margin:1em;padding:1em 0;min-width:10em;height:13em;background-color:hsla(0,0%,92.2%,.7);box-shadow:0 9px 28px hsla(0,0%,100%,.3222);-webkit-animation:grow 2s ease-in-out;animation:grow 2s ease-in-out}body .home .search-results-container .cube p{font-size:1.3em;margin:.5em 0;letter-spacing:1px;-webkit-text-stroke-width:.7px;-webkit-text-stroke-color:#000}body .home .search-results-container .cube p:nth-child(2){margin-bottom:1.5em}body .home .search-results-container .cube button{background-color:#fff;font-size:.88em;width:75%;border-radius:3em;border:1px solid #000;margin:.3em;height:2.5em;box-shadow:0 4px 4px rgba(0,0,0,.2222)}body .home .search-results-container .cube button:hover{box-shadow:0 2px 3px rgba(0,0,0,.4222)}body .home .search-results-container .weather{text-align:center;-webkit-animation-name:reveal;animation-name:reveal;-webkit-animation-duration:3s;animation-duration:3s;padding:2em;border:1px solid #000;margin:0 0 1em;width:80%;background-color:hsla(0,0%,92.2%,.7)}body .home .search-results-container .weather h4{font-size:1.6em;letter-spacing:.5px;border:1px solid #000;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto 1em;padding:.3em .5em;background:rgba(23,124,207,.15);font-weight:200}body .home .search-results-container .weather h4 b{font-weight:900}body .home .search-results-container .weather .top-bar{display:flex;justify-content:space-between;align-items:center}body .home .search-results-container .weather .top-bar .city{display:flex;justify-content:center;align-items:center}body .home .search-results-container .weather .top-bar .add-to-favorite{display:flex}body .home .search-results-container .weather .top-bar .add-to-favorite button{display:flex;justify-content:center;align-items:center;border-radius:3em;font-size:1em;padding:.2em .5em;background-color:#fff;box-shadow:0 9px 28px rgba(0,0,0,.2222);letter-spacing:1px;font-weight:700}body .home .search-results-container .weather .top-bar .add-to-favorite button:first-child{margin-right:.5em}body .home .search-results-container .weather .top-bar .add-to-favorite button:hover:not(:disabled){box-shadow:0 5px 12px rgba(0,0,0,.4222)}body .home .search-results-container .weather .top-bar .city .city-avatar{width:5em;margin-right:1em;border:1px solid #000}body .home .search-results-container .weather .top-bar .city .city-name-temp b{font-size:1.2em;letter-spacing:1px;-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:#000}body .weather{text-align:center;-webkit-animation-name:reveal;animation-name:reveal;-webkit-animation-duration:3s;animation-duration:3s;padding:2em;border:1px solid #000;margin:0 4em;background-color:hsla(0,0%,92.2%,.7)}body .weather .top-bar{display:flex;justify-content:space-between;align-items:center}body .weather .top-bar .city{display:flex;justify-content:center;align-items:center}body .weather .top-bar .add-to-favorite{display:flex}body .weather .top-bar .add-to-favorite button{display:flex;justify-content:center;align-items:center;border-radius:3em;font-size:1em;padding:.2em .5em;background-color:#fff;box-shadow:0 9px 28px rgba(0,0,0,.2222);letter-spacing:1px;font-weight:700}body .weather .top-bar .add-to-favorite button:first-child{margin-right:.5em}body .weather .top-bar .add-to-favorite button:hover:not(:disabled){box-shadow:0 5px 12px rgba(0,0,0,.4222)}body .weather .top-bar .city .city-avatar{width:5em;margin-right:1em;border:1px solid #000}body .weather .top-bar .city .city-name-temp b{font-size:1.2em;letter-spacing:1px;-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:#000}body .weather .weather-info h2{font-size:3em;margin:1.5em 0 0}body .weather .weather-info h3{margin-top:2em;font-size:1.8em;position:absolute}body .weather .weather-info .five-day-weather{display:flex;flex-wrap:wrap;justify-content:center;margin:3em 0 5em}body .weather .weather-info .five-day-weather .day-box{border:1px solid #000;padding:.7em;flex:1 0 19%;margin:.5em;max-width:9em;height:8em;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;font-weight:700;font-size:1.3em;box-shadow:0 7px 12px rgba(0,0,0,.2222)}body .weather .weather-info .five-day-weather .day-box p{letter-spacing:1px;-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:#000}body .weather .weather-info .loader{position:relative;display:flex;align-items:center;justify-content:center}body .weather .back-btn .back-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;letter-spacing:1px;-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:#000}body .weather .back-btn .back-button:hover{cursor:pointer}body .favorites{background:url(/static/media/clouds4.ba798e02.png) 100% no-repeat;background-size:cover;min-height:85vh;width:100%;padding:4em 0 2em}body .favorites .favorite-cities{display:flex;justify-content:center;margin:0 7em;padding-top:4em;flex-wrap:wrap;text-align:center;-webkit-animation-name:reveal;animation-name:reveal;-webkit-animation-duration:3s;animation-duration:3s}body .favorites .favorite-cities .city-box{border:1px solid #000;background-color:hsla(0,0%,92.2%,.7);flex:0 1 19%;height:11em;text-align:center;margin:1em;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 9px 28px hsla(0,0%,100%,.3222);font-weight:700;font-size:1.2em;padding:1.5em 0;transition:all .3s ease-in-out}body .favorites .favorite-cities .city-box p{margin:.2em 0;letter-spacing:1px;-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:#000}body .favorites .favorite-cities .city-box p:first-child{font-size:1.5em}body .favorites .favorite-cities .city-box p:nth-child(2){margin-top:0;margin-bottom:1.2em}body .favorites .favorite-cities .city-box p:nth-child(3){margin-bottom:.2em}body .favorites .favorite-cities .city-box p:nth-child(4){margin-bottom:.8em}body .favorites .favorite-cities .city-box button{background-color:#fff;font-size:.8em;width:70%;margin:.3em 0;border-radius:3em;border:1px solid #000;height:2.5em;box-shadow:0 7px 12px rgba(0,0,0,.2222);padding:.3em 0}body .favorites .favorite-cities .city-box button.remove{margin:0 0 .8em}body .favorites .favorite-cities .city-box button:hover{box-shadow:0 3px 4px rgba(0,0,0,.4222)}body .favorites .favorite-cities-loading{display:flex;justify-content:center;align-items:center}body .favorites .favorite-cities-loading .loading{position:absolute;margin-top:2em}body .favorites .centered{text-align:center;padding-top:15%;margin:0}body .weather-wrapper{background:url(/static/media/clouds4.ba798e02.png) 0 no-repeat;background-size:cover;min-height:85vh;width:100%;padding:4em 0 2em}body .search form{display:flex;justify-content:center;align-items:center;width:25em;margin:0 auto;position:relative}body .search form .magnifying-icon{z-index:100;position:absolute;left:1em}body .search form .search-field{width:15em;height:2em;padding-left:2em;padding-bottom:.2em;background-color:hsla(0,0%,92.2%,.7);border-radius:3em;border:1px solid rgba(0,0,0,.3222);box-shadow:0 9px 28px hsla(0,0%,100%,.3222),0 5px 12px rgba(48,25,179,.082);font-size:1.5em}body .search form .search-field::-webkit-input-placeholder{font-weight:200;color:#000;font-family:"Londrina-regular";font-size:.8em}body .search form .search-field:-ms-input-placeholder{font-weight:200;color:#000;font-family:"Londrina-regular";font-size:.8em}body .search form .search-field::-ms-input-placeholder{font-weight:200;color:#000;font-family:"Londrina-regular";font-size:.8em}body .search form .search-field::placeholder{font-weight:200;color:#000;font-family:"Londrina-regular";font-size:.8em}body .header{display:flex;justify-content:space-between;align-items:center;height:3em;padding:.5em 1.5em;border-bottom:2px solid #000;background-color:hsla(0,0%,92.2%,.7);font-family:"Londrina-thin";letter-spacing:2px}body .header .logo{font-size:2em;font-weight:700;font-weight:500}body .header .buttons{display:flex}body .header .buttons ul li{list-style-type:none;display:inline-block;margin-left:.5em}body .header .buttons ul li a{text-decoration:none;color:#000;font-size:1.5em;margin:.5em}body .header .buttons ul li a:hover{color:rgba(5,5,5,.6)}body .header .buttons ul li.active a{color:rgba(0,110,255,.781)}body .header .buttons ul li button{font-size:1em;margin-left:.5em;height:2.5em;display:flex;align-items:center;width:4em}body .favorited-indication{letter-spacing:1px}body .added{color:#35f135}body .added,body .not-added{display:none;position:absolute;left:50%;transform:translateX(-50%);font-size:1.6em;margin:.7em 0;-webkit-animation:fade-in-out 2s ease-in-out;animation:fade-in-out 2s ease-in-out}body .not-added{color:#ff1616}@media screen and (max-width:1500px){body .favorites .favorite-cities{justify-content:space-around}body .favorites .favorite-cities .city-box{flex:0 1 25%}}@media screen and (max-width:1200px){body .home .search-results-container .cube{flex:0 1 24%;font-size:.8em}body .home .search-results-container .cube button{font-size:1em;height:2em;width:70%}body .favorites .favorite-cities .city-box{flex:0 1 15em}body .weather-wrapper{height:auto}body .weather .weather-info .five-day-weather .day-box{min-width:8em}}@media screen and (max-width:1000px){body .home .search-results-container .cube button{font-size:.8em;height:2.5em;width:70%}}@media screen and (max-width:800px){body .home .search-results-container .cube button{font-size:.75em;width:80%}body .add-to-favorite{flex-direction:column-reverse;justify-content:center;align-items:center}}@media screen and (max-width:700px){body .header .buttons ul{padding:0}body .header .buttons ul li{margin:0}body .favorites{padding:0}body .weather-wrapper{font-size:.8em}}@media screen and (max-width:650px){body .weather .top-bar .add-to-favorite button{margin:0!important}body .weather .top-bar .add-to-favorite button:nth-child(2){margin:2.5em 0 1.2em!important}body .header{font-size:.7em}body .search form{width:18em}body .search form .search-field{font-size:1.1em;padding-left:2.5em}body .header .buttons ul li a{margin:0 .3em}body .home .search-results-container .cube{flex:0 1 30%}body .home .search-results-container .cube button{font-size:.79em;height:3em;width:85%}body .favorites .favorite-cities{margin:0 3em}body .favorites .favorite-cities .city-box{font-size:.8em;flex:0 1 12em}body .weather .top-bar{flex-direction:column}body .weather .top-bar .add-to-favorite button{margin:2em 0;font-size:1.1em}body .weather-wrapper{font-size:.7em}}@media screen and (max-width:430px){body .header{height:7em;font-size:.4em}body .header .buttons ul li a{font-size:2em}body .header .buttons ul li button{font-size:1.5em}body .home .search-results-container .cube{flex:0 1 60%}body .search form{width:16.5em}body .search form .search-field{height:2.5em}}@media screen and (max-width:350px){body .weather-info h2{font-size:2em!important}body .header .logo{font-size:1.7em}body .header .buttons ul li a{margin:0 .2em;font-size:1.5em}body .header .buttons ul li button{margin-left:.1em;font-size:1.2em}}@-webkit-keyframes reveal{0%{opacity:0}to{opacity:1}}@keyframes reveal{0%{opacity:0}to{opacity:1}}@-webkit-keyframes grow{0%{transform:scale3d(0,0,0)}to{transform:scaleX(1)}}@keyframes grow{0%{transform:scale3d(0,0,0)}to{transform:scaleX(1)}}@-webkit-keyframes fade-in-out{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes fade-in-out{0%{opacity:0}50%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=main.0a901cbc.chunk.css.map */