.container{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}form{display:flex;flex-direction:row;align-items:flex-start;justify-content:center}h1,p,h2,h3{color:var(--background)}.container{width:100%;height:700px;background-color:#fff;border-radius:25px;color:var(--background)!important;display:flex;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.search-box{display:flex;align-items:center;justify-content:center;gap:15px;width:100%}.search-box h1{margin-top:17px}@media (max-width: 720px){.search-box{margin-left:10px;font-size:11px}.search-box i{font-size:15px;margin:10px}.search-box input{width:100px;font-size:10px;margin:10px}.search-box button{width:40px}}input,button{justify-content:center!important;align-items:center!important;width:35%}button{border:0px;background-color:#77e0b5;border-radius:10px;width:100px;height:35px;cursor:pointer}button:hover{background-color:#f582ae}input{border:0px;background-color:var(--text-bright);border-radius:10px;width:200px;height:35px;font-size:17px;font-weight:700;font-family:sans-serif}input:hover{transition:.7s ease-in-out;border:1px transparent}input:focus{background-color:var()}.weather-image-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.weather-image{width:70%;height:auto}.weather-box{display:flex;flex-direction:column;align-items:center;width:100%}.details-container{display:flex;flex-direction:row}.wind,.humidity{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px;margin:10px}.error-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;transition:.6s ease-in-out}.error-layout img,.error-layout h1,.init-image img{width:50%;padding:0;margin:0}.init-image{display:flex;flex-direction:column;justify-content:center;align-items:center}:root{--background-body: #294c60;--background: #161b22;--background-bright: rgba(240, 246, 252, .15);--background-alt: #1a242f;--selection: #1c76c5;--text-main: #c9d1d9;--text-bright: #e3e9f0;--text-muted: #8b949e;--links: #e3bc5e;--focus: #388bfd;--focus-background: #0c2d6b;--border: #21252c;--border-muted: #21262d;--border-bright: #8b949e;--button-hover: #324759;--form-placeholder: #a9a9a9;--select-arrow: svg-load("./assets/select-arrow.svg", fill: #efefef);--monospace: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;--sans-serif: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif;font-family:var(--sans-serif);line-height:1.7;max-width:50rem;margin:6rem auto;padding:0 10px;word-wrap:break-word;color:#c9d1d9;color:var(--text-main);background:#0d1117;background:var(--background-body);text-rendering:optimizeLegibility}