:root{--bg_main:#0a1f44;--text_light:#fff;--text_med:#53627c;--text_dark:#1e2432;--red:#ff1e42;--darkred:#c3112d;--orange:#ff8c00}*{margin:0;padding:0;box-sizing:border-box;font-weight:400}a{color:inherit;text-decoration:none}input{-webkit-appearance:none;border:none;background:none;outline:none;color:inherit}ul{list-style:none}.last-searched{font-style:italic}.accu-link{color:#fb0;font-weight:700}.photo{height:50px;width:50px;float:right}.suggestions ul{list-style:none;padding:0}.suggestions li{height:30px;padding:5px 5px 10px;background-color:#07085a;border:1px solid #8b0505;max-width:400px}.suggestions li:hover{color:#fff;background:#896eb4}body{font:1rem/1.3 "Roboto",sans-serif;background:#0a1f44;background:var(--bg_main);color:#1e2432;color:var(--text_dark);padding:50px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}.top-banner{color:#fff;color:var(--text_light)}.heading{font-weight:700;font-size:4rem;letter-spacing:.02em;padding:0 0 30px}.top-banner form{position:relative;display:flex;align-items:center}.top-banner form input{font-size:2rem;height:40px;padding:5px 5px 10px;border-bottom:1px solid}.top-banner form input::-webkit-input-placeholder{color:currentColor}.top-banner form input:-ms-input-placeholder{color:currentColor}.top-banner form input::-ms-input-placeholder{color:currentColor}.top-banner form input::placeholder{color:currentColor}.top-banner form button{font-size:1rem;font-weight:700;letter-spacing:.1em;padding:15px 20px;margin-left:15px;border-radius:5px;background:#ff1e42;background:var(--red);transition:background .3s ease-in-out}.top-banner form button:hover{background:#c3112d;background:var(--darkred)}.top-banner form .msg{position:absolute;bottom:-40px;left:0;max-width:450px;min-height:40px}.ajax-section{margin:70px 0 20px}.ajax-section .cities{display:grid;grid-gap:32px 20px;grid-template-columns:repeat(4,1fr)}.ajax-section .city{position:relative;width:500px;padding:40px 10%;color:#53627c;color:var(--text_med)}.ajax-section .city,.ajax-section .city:after{border-radius:20px;background:#fff;background:var(--text_light)}.ajax-section .city:after{content:"";width:90%;height:50px;position:absolute;bottom:-12px;left:5%;z-index:-1;opacity:.3}.ajax-section figcaption{margin-top:10px;padding-bottom:30px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.ajax-section .details{display:grid;grid-template-columns:auto auto;grid-gap:5px}.ajax-section .city-temp{font-size:3rem;font-weight:700;margin-top:10px;color:#1e2432;color:var(--text_dark)}.ajax-section .details .city-detail{font-size:18px;font-weight:500;border-bottom:1px solid #681ebd}.ajax-section .details span{color:#f50909;font-weight:bolder}.ajax-section .city sup{font-size:.5em}.ajax-section .city-name sup{padding:.2em .6em;border-radius:30px;color:#fff;color:var(--text_light);background:#ff8c00;background:var(--orange)}.ajax-section .city-icon{margin-top:10px;width:90px;height:90px}.page-footer{text-align:right;font-size:1rem;color:#fff;color:var(--text_light);margin-top:40px}.page-footer span{color:#ff1e42;color:var(--red)}@media screen and (max-width:1000px){body{padding:30px}.ajax-section .cities{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:700px){.ajax-section .city-temp,.heading{font-size:3rem}.ajax-section{margin-top:20px}.top-banner form{flex-direction:column;align-items:flex-start}.top-banner form button,.top-banner form input{width:100%}.top-banner form button{margin:20px 0 0}.top-banner form .msg{position:static;max-width:none;min-height:0;margin-top:10px}.ajax-section .cities{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:500px){body{padding:15px}.ajax-section .cities{grid-template-columns:repeat(1,1fr)}}
/*# sourceMappingURL=main.359cb7a6.chunk.css.map */