:root{--color-white:#fff;--color-black:#000;--color-gray:#ddd;--border-thick:3px solid #000;--font-main:"Courier New", Courier, monospace}*{box-sizing:border-box}body{margin:0}#root{background-color:var(--color-gray);font-family:var(--font-main);background-image:radial-gradient(var(--color-black) 1px, transparent 0);background-size:3px 3px;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}main{background:var(--color-white);border:var(--border-thick);width:100%;max-width:450px;box-shadow:10px 10px 0 var(--color-black);margin:auto}.title-bar{background:var(--color-black);color:var(--color-white);border-bottom:var(--border-thick);-webkit-user-select:none;user-select:none;justify-content:space-between;padding:10px 14px;font-size:14px;font-weight:700;display:flex}.title-bar span:last-child{cursor:pointer}.window-content{padding:clamp(15px,5vw,30px)}form{border-bottom:var(--border-thick);gap:0;margin-bottom:25px;padding-bottom:25px;display:flex}#city-input{border:var(--border-thick);font-family:var(--font-main);outline:none;flex:1;padding:10px}#search-btn{border:var(--border-thick);color:var(--color-white);background:var(--color-black);cursor:pointer;font-weight:700;font-family:var(--font-main);border-left:none;padding:10px 20px;transition:background .1s}#search-btn:active{background:var(--color-gray);color:var(--color-black)}#weather-result h2{text-transform:uppercase;margin:0 0 15px;font-size:1.5rem}#weather-result p{border-bottom:1px dashed var(--color-black);justify-content:space-between;margin:10px 0;padding-bottom:4px;font-size:1rem;display:flex}#weather-result img{filter:grayscale()contrast(300%);image-rendering:pixelated;border:var(--border-thick);background:#939393;width:120px;margin:0 auto 20px;padding:8px;display:block}@media (width<=400px){form{flex-direction:column;gap:10px}#search-btn{border-left:var(--border-thick);width:100%}main{box-shadow:6px 6px 0px var(--color-black)}}