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}:root{--bg_main:#0c6396;--text_light:#fff;--text_med:#53627c;--text_dark:#1e2432;--red:#ff1e42;--darkred:#c3112d;--orange:#ff8c00}*{box-sizing:border-box;font-weight:400;margin:0;padding:0}a{color:inherit;text-decoration:none}button{cursor:pointer}input{-webkit-appearance:none}button,input{background:none;border:none;color:inherit;outline:none}img{display:block;height:auto;max-width:100%}ul{list-style:none}body{background:#0c6396;background:var(--bg_main);color:#1e2432;color:var(--text_dark);font:1rem/1.3 Roboto,sans-serif;padding:2rem}.container{margin:0 auto;max-width:1200px;width:100%}.top-banner{color:#fff;color:var(--text_light)}.heading{font-size:4rem;font-weight:700;letter-spacing:.02em;padding:0 0 30px}.main form{align-items:center;color:#fff;color:var(--text_light);display:flex;margin-bottom:30px;position:relative}.main form input{border-bottom:1px solid;font-size:2rem;height:40px;padding:5px 5px 10px}.main form input::-webkit-input-placeholder{color:currentColor}.main form input::placeholder{color:currentColor}.main form button{background:#ff1e42;background:var(--red);border-radius:5px;font-size:1rem;font-weight:700;letter-spacing:.1em;margin-left:15px;padding:15px 20px;transition:background .3s ease-in-out}.main form button:hover{background:#c3112d;background:var(--darkred)}.main form .msg{bottom:-40px;left:0;max-width:450px;min-height:40px;position:absolute}.main{margin:20px 0}.main .cities{grid-gap:32px 20px;display:grid;grid-template-columns:repeat(4,1fr)}.main .city{color:#53627c;color:var(--text_med);margin-top:2rem;padding:40px 10%;position:relative}.main .city,.main .city:after{background:#fff;background:var(--text_light);border-radius:20px}.main .city:after{bottom:-12px;content:"";height:50px;left:5%;opacity:.3;position:absolute;width:90%;z-index:-1}.main figcaption{letter-spacing:.05em;text-transform:uppercase}.main .city-temp{color:#1e2432;color:var(--text_dark);font-size:5rem;font-weight:700;margin-top:10px}.main .city sup{font-size:.5em}.main .city-name sup{background:#ff8c00;background:var(--orange);border-radius:30px;color:#fff;color:var(--text_light);padding:.2em .6em}.main .city-icon{height:100px;margin-top:10px;width:100px}.page-footer{color:#fff;color:var(--text_light);font-size:1rem;text-align:right}.page-footer span{color:#ff1e42;color:var(--red)}#logo{height:100px;width:100px}@media screen and (max-width:1000px){body{padding:30px}.main .cities{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:700px){.heading,.main .city-temp{font-size:3rem}.main{margin-top:20px}.top-banner form{align-items:flex-start;flex-direction:column}.top-banner form button,.top-banner form input{width:100%}.top-banner form button{margin:20px 0 0}.top-banner form .msg{margin-top:10px;max-width:none;min-height:0;position:static}.main .cities{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:500px){body{padding:15px}.main .cities{grid-template-columns:repeat(1,1fr)}}.api{background:#fffbbc;left:0;padding:10px;position:fixed;top:0;width:100%}.api a{text-decoration:underline}.api a:hover{text-decoration:none}
/*# sourceMappingURL=main.2650514d.css.map*/