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}:root{--primary-bg-color:#4f6352;--secondary-bg-color:#2f4032;--tertiary-bg-color:#d7c1e0;--quartenary-bg-color:#edeff2;--cinq-bg-color:#e6ae73}*{margin:0;padding:0;box-sizing:border-box!important}li{list-style-type:none}body,html{height:100%}body{color:#fff;background-color:#6495ed;font-family:"Abel",sans-serif;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/static/media/1.1f314457.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:50%;background-size:cover}#root{display:flex;flex-direction:column;height:100%;margin:auto}.main-container{width:100%;margin:0 auto;flex:1 0 auto;text-align:center;transform:scale(.88)}@media only screen and (max-width:720px){.main-container{margin:1% auto 1.5%;transform:scale(.92)}}.Search{margin:3% auto 0}.Search-input{padding:1.01%;width:50%;border-radius:5px;outline:none;border:none;margin-left:2%;margin-right:2%;font-family:"Abel",sans-serif}.Search-input,button,label{font-size:1.5rem}button{padding:1.01%;width:15%;border-radius:5px;outline:none;border:none;font-family:"Abel",sans-serif;transition:all .5s ease-in-out;background-color:var(--primary-bg-color);color:#fff}button:hover{transform:scale(1.03);background-color:var(--secondary-bg-color);color:#fff}.form-inner-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.alert-empty-location{color:#e84435;padding:1%;margin:1rem auto;font-size:1.3rem;font-weight:700;letter-spacing:1px}@media only screen and (max-width:720px){.Search{margin:5% auto 2%}.Search-input{padding:2.5%;width:80%;border-radius:5px;outline:none;border:none;margin-left:2%;margin-right:2%;font-size:1.2rem;font-family:"Abel",sans-serif}label{font-size:1rem}button{padding:2%;width:30%;border-radius:5px;outline:none;border:none;font-size:1.2rem;font-family:"Abel",sans-serif;transition:all .5s ease-in-out;margin-top:5%}button:hover{transform:scale(1.03);background-color:var(--primary-bg-color);color:#fff}}.current-weather-description{font-style:italic;margin-bottom:2rem}@-webkit-keyframes spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@-webkit-keyframes spin3D{0%{transform:rotate3d(.5,.5,.5,1turn)}to{transform:rotate3d(0deg,0,0)}}@keyframes spin3D{0%{transform:rotate3d(.5,.5,.5,1turn)}to{transform:rotate3d(0deg,0,0)}}@-webkit-keyframes configure-clockwise{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}@keyframes configure-clockwise{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}@-webkit-keyframes configure-xclockwise{0%{transform:rotate(45deg)}25%{transform:rotate(-45deg)}50%{transform:rotate(-135deg)}75%{transform:rotate(-225deg)}to{transform:rotate(-315deg)}}@keyframes configure-xclockwise{0%{transform:rotate(45deg)}25%{transform:rotate(-45deg)}50%{transform:rotate(-135deg)}75%{transform:rotate(-225deg)}to{transform:rotate(-315deg)}}@-webkit-keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:.25;transform:scale(.75)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:.25;transform:scale(.75)}}*{box-sizing:border-box}.spinner-box{width:300px;height:300px;position:relative;background-color:transparent;margin:auto}.solar-system,.spinner-box{display:flex;justify-content:center;align-items:center}.solar-system{width:250px;height:250px}.orbit{position:relative;display:flex;justify-content:center;align-items:center;border:1px solid hsla(0,0%,100%,.65);border-radius:50%}.earth-orbit{width:165px;height:165px;-webkit-animation:spin 4s linear 0s infinite;animation:spin 4s linear 0s infinite}.venus-orbit{width:120px;height:120px;-webkit-animation:spin 2s linear 0s infinite;animation:spin 2s linear 0s infinite}.mercury-orbit{width:90px;height:90px;-webkit-animation:spin 1s linear 0s infinite;animation:spin 1s linear 0s infinite}.planet{position:absolute;top:-5px;width:10px;height:10px;background-color:#3ff9dc}.planet,.sun{border-radius:50%}.sun{width:35px;height:35px;background-color:#ffab91}img{text-align:center}.Grid-container{margin:5% auto;width:90%;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(12,minmax(50px,auto));grid-row-gap:10px;row-gap:10px;grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;height:100%}.alert-paragraph{color:#fff;padding:7.5%;margin:5% auto;font-size:1.2rem;font-weight:700;border-top:1px solid #fff;border-bottom:1px solid #fff;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.lone-grid-item{font-size:1.2rem;text-align:center;color:#fff;display:grid;align-items:center;justify-content:center;transition:all .4s ease-in-out}.lone-grid-item:hover{transform:scale(1.02)}.Current{padding:3% 5%;border-top:1px solid #fff;border-bottom:1px solid #fff}.Current img{margin:auto}.Hourly{padding:15%;border-radius:15px;margin:25% 0}.Daily{border-bottom:1px solid #fff;display:flex;justify-content:space-between;align-items:center;padding:0 5%}.Daily img{height:70px}.Current-grid{grid-column:1/11;grid-row:1/4}.Hourly-grid-1{grid-column:1/3;grid-row:4/6}.Hourly-grid-2{grid-column:3/5;grid-row:4/6}.Hourly-grid-3{grid-column:5/7;grid-row:4/6}.Hourly-grid-4{grid-column:7/9;grid-row:4/6}.Hourly-grid-5{grid-column:9/11;grid-row:4/6}.Daily-grid-1{border-top:1px solid #fff;grid-column:1/11;grid-row:6/7}.Daily-grid-2{grid-column:1/11;grid-row:7/8}.Daily-grid-3{grid-column:1/11;grid-row:8/9}.Daily-grid-4{grid-column:1/11;grid-row:9/10}.Daily-grid-5{grid-column:1/11;grid-row:10/11}.Daily-grid-6{grid-column:1/11;grid-row:11/12}.Daily-grid-7{grid-column:1/11;grid-row:12/13}@media only screen and (max-width:720px){.Grid-container{margin:2.5% auto;width:100%;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(12,minmax(50px,auto));grid-row-gap:10px;row-gap:10px;grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;height:100%}.alert-paragraph{margin:15% auto;font-size:1rem}.Hourly{font-size:.95rem}.Daily{font-size:.92rem}}.footer{flex-shrink:0;justify-content:space-evenly;align-items:center;color:var(--quartenary-bg-color);height:7vh;background-color:var(--primary-bg-color);font-size:1.2rem}.footer,.footer .social-media{display:flex}.footer .heart{color:var(--cinq-bg-color)}.footer .social-media .icon{margin-left:2rem;color:var(--quartenary-bg-color)}@media only screen and (max-width:576px){.footer{font-size:1.1rem}.footer .social-media .icon{margin-left:1rem;color:var(--quartenary-bg-color)}}.browser-loader{height:100vh;width:100vw;background-color:var(--primary-bg-color);margin:auto}.browser-loader,.browser-loader .inner{display:flex;flex-direction:column;justify-content:center;align-items:center}.loading-gif{height:100px;width:100px;margin:auto}
/*# sourceMappingURL=main.034dc0e1.chunk.css.map */