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}button,input{background:none;border:none;color:inherit;outline:none}img{display:block;height:auto;max-width:100%}ul{list-style:none}body{background-image:url(https://images.unsplash.com/photo-1483664852095-d6cc6870702d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#1e2432;color:var(--text_dark);font:1rem/1.3 Roboto,sans-serif;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 15px;width:100%}.top-banner{color:#fff;color:var(--text_light)}.heading{font-size:4rem;font-weight:700;letter-spacing:.02em;padding:0 0 10px}.main form{align-items:center;color:#fff;color:var(--text_light);display:flex;margin-bottom:50px;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{align-items:center;display:flex;flex-direction:column;margin:0}.main .cities{grid-gap:32px 20px;display:grid;grid-template-columns:repeat(4,1fr)}.main .city{color:#53627c;color:var(--text_med);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;margin-top:10px;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}.footer-page{align-items:center;color:#fff;color:var(--text_light);display:flex;flex-direction:column;font-size:1.4rem;justify-content:center;padding:2rem}footer i{color:#fff;font-size:1.3rem;padding-left:1rem;padding-top:.5rem;transition:all 1s}footer i:hover{color:#bd8e51}#logo{height:100px;width:100px}@media screen and (max-width:1000px){.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}.main form{align-items:flex-start;flex-direction:column}.main form button,.main form input{width:100%}.main form button{margin:20px 0 0}.main 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.4dafa03b.css.map*/