*{margin:0;padding:0;box-sizing:border-box;font-family:cursive}.main{width:100%;height:100vh;padding-top:3.5%;padding-left:35%;background:linear-gradient(-45deg,#fff,silver,#000,#87ceeb);background-size:400% 400%;-webkit-animation:gradient 12s ease infinite;animation:gradient 12s ease infinite}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.main .container{width:45%;height:85vh;background-image:linear-gradient(#e6dada,#274046);box-shadow:4px 4px 4px rgba(0,0,0,.5);border-radius:8px}.main .container .header{text-align:center;padding-top:8px;padding-bottom:8px;color:#646463;letter-spacing:3px;text-shadow:2px 2px rgba(0,0,0,.2);background-color:snow;border-top-right-radius:8px;border-top-left-radius:8px}.main .container .search-bar{background-color:#fafafa;outline:none;border:none;border-top-left-radius:5px;border-bottom-left-radius:5px;box-shadow:2px 2px 2px rgba(0,0,0,.5);margin-top:2rem;margin-left:4rem;width:55%;height:2rem}.main .container .search-bar:focus{background-color:#e9e3e3;color:#000}.main .container .location-box{margin-top:2.5rem;margin-left:5.5rem;margin-right:5.5rem}.main .container .location-box .location{font-weight:500;font-size:2rem;color:#dcfeff;text-shadow:2px 2px rgba(0,0,0,.5);text-align:center;letter-spacing:2px;text-transform:capitalize}.main .container .location-box .time{font-weight:900;font-size:15px;color:#fff0e8;margin-left:12px;text-align:center;font-family:italic}.main .container .temp{width:20%;height:10vh;background-color:rgba(109,107,107,.2);margin:3rem auto;text-align:center;padding-top:1.5rem;border-radius:5px;color:#fff;font-weight:900;font-size:18px;box-shadow:2px 2px rgba(0,0,0,.5);text-shadow:3px 6px rgba(50,50,70,.2)}.main .container .temp-status{width:70%;margin:0 145px;color:#b2b3b1;font-weight:700}.main .container .error{color:#fff;margin-top:5rem;text-align:center;font-weight:900}.main .container .search{height:2rem;width:15%;border-top-right-radius:5px;border-bottom-right-radius:5px;outline:none;box-shadow:2px 2px rgba(0,0,0,.5);border:none;border-left:2px solid silver;cursor:pointer;color:#4b4b4b}@media only screen and (max-width:500px){body{padding:0}}
/*# sourceMappingURL=main.c51cb1ad.chunk.css.map */