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}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}html{background-image:linear-gradient(#5e88de,rgba(0,166,255,.531)),url(/static/media/cloud.865f52886f4ea0963470.jpg);background-size:cover;height:100%}.app-name,html{align-items:center;display:flex;justify-content:center}.app-name{font-size:2.3rem}.app-name img{width:50px}.App{background-image:linear-gradient(#df8b56,rgba(255,255,0,.178)),url(/static/media/wave-haikei.ea1a230106526108a2f2.svg);background-size:cover;border-radius:10px;box-shadow:0 4px 4px 0 rgba(0,0,0,.1),0 3px 5px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:start;margin:128px auto;min-height:440px;padding-bottom:32px;text-align:center;width:500px}.city-search{background-color:#fff;background-position:10px 10px;background-repeat:no-repeat;border:2px solid #ccc;border-radius:20px;box-sizing:border-box;font-size:16px;outline:none;padding:12px 20px 12px 40px;transition:width .4s ease-in-out;width:200px}.city-search:focus{width:60%}.error-message{font-weight:600;margin-top:3rem!important}.app-name,.city-name,.error-message{color:#fff!important}.city-name{font-size:1.25em}h2{margin-bottom:10px}.date{color:#fff!important;font-size:1.25em;font-weight:700}.icon-temp{color:#fff;display:flex;font-size:4rem;font-weight:700;justify-content:center;text-align:center}.deg{font-size:2rem}.des-wind{color:#fff;font-style:italic;font-weight:500}.error-message{color:#140202;display:block;font-size:30px;margin-top:auto;text-align:center}@media (max-width:600px){.App{width:350px}}.spinner{display:inline-block;font-size:28px;height:1em;position:relative;width:1em}.spinner.center{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.spinner .spinner-blade{-webkit-animation:spinner-fade9234 1s linear infinite;animation:spinner-fade9234 1s linear infinite;background-color:#fff;border-radius:.0555em;bottom:0;height:.2777em;left:.4629em;position:absolute;-webkit-transform-origin:center -.2222em;transform-origin:center -.2222em;width:.074em}.spinner .spinner-blade:first-child{-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.spinner .spinner-blade:nth-child(2){-webkit-animation-delay:83ms;animation-delay:83ms;-webkit-transform:rotate(30deg);transform:rotate(30deg)}.spinner .spinner-blade:nth-child(3){-webkit-animation-delay:.166s;animation-delay:.166s;-webkit-transform:rotate(60deg);transform:rotate(60deg)}.spinner .spinner-blade:nth-child(4){-webkit-animation-delay:.249s;animation-delay:.249s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.spinner .spinner-blade:nth-child(5){-webkit-animation-delay:.332s;animation-delay:.332s;-webkit-transform:rotate(120deg);transform:rotate(120deg)}.spinner .spinner-blade:nth-child(6){-webkit-animation-delay:.415s;animation-delay:.415s;-webkit-transform:rotate(150deg);transform:rotate(150deg)}.spinner .spinner-blade:nth-child(7){-webkit-animation-delay:.498s;animation-delay:.498s;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.spinner .spinner-blade:nth-child(8){-webkit-animation-delay:.581s;animation-delay:.581s;-webkit-transform:rotate(210deg);transform:rotate(210deg)}.spinner .spinner-blade:nth-child(9){-webkit-animation-delay:.664s;animation-delay:.664s;-webkit-transform:rotate(240deg);transform:rotate(240deg)}.spinner .spinner-blade:nth-child(10){-webkit-animation-delay:.747s;animation-delay:.747s;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.spinner .spinner-blade:nth-child(11){-webkit-animation-delay:.83s;animation-delay:.83s;-webkit-transform:rotate(300deg);transform:rotate(300deg)}.spinner .spinner-blade:nth-child(12){-webkit-animation-delay:.913s;animation-delay:.913s;-webkit-transform:rotate(330deg);transform:rotate(330deg)}@-webkit-keyframes spinner-fade9234{0%{background-color:#69717d}to{background-color:initial}}@keyframes spinner-fade9234{0%{background-color:#69717d}to{background-color:initial}}
/*# sourceMappingURL=main.c8bb80d6.css.map*/