@import"https://fonts.googleapis.com/css2?family=Noto+Sans+NKo+Unjoined:wght@400..700&display=swap";.error div:nth-child(1){color:var(--error);font-size:1.25rem}.error-message{text-transform:capitalize;font-style:italic}.search{margin-bottom:1.5rem}.search-bar{margin-top:.5rem;max-width:var(--max-width);border:solid 1px var(--font-color);border-radius:2px;display:flex}.search-input{padding:.25rem .5rem;width:100%;border:none;background-color:transparent}.search-btn{padding:.25rem .5rem;background-color:var(--font-color);color:#fff;border:none}h2{font-size:1.25rem;font-weight:var(--normal-font-weight);margin-bottom:.5rem}.weather div{margin:.25rem 0}.weather .main-temp{font-size:var(--large-font-size);display:flex;align-items:flex-start}.main-temp span{font-size:var(--normal-font-size);margin-top:.5rem}.description{text-transform:capitalize}.daily-forecast{background-color:#fff;padding:.25rem;box-shadow:var(--box-shadow)}.daily-forecast div{margin:.25rem 0}.five-day-forecast{margin:1rem 0 1.5rem}.five-day-forecast ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));column-gap:.5rem;row-gap:.5rem}.unit-change-text{margin-top:1rem}:root{--desktop-background-color: rgb(188, 218, 234);--mobile-background-color: rgb(224, 235, 241);--font-color: rgb(7, 26, 36);--error: rgb(248, 50, 50);--font-family: "Noto Sans NKo Unjoined", sans-serif;--normal-font-size: 1rem;--large-font-size: 2.5rem;--normal-font-weight: 300;--bold-font-weight: 700;--max-width: 40rem;--box-shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px}*{padding:0;margin:0;box-sizing:border-box}body{background-color:var(--mobile-background-color);color:var(--font-color);font-family:var(--font-family);font-size:var(--normal-font-size);font-weight:var(--normal-font-weight);min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}main{width:100vw;max-width:var(--max-width);padding:1.5rem}@media screen and (min-width:700px){body{background-color:var(--desktop-background-color)}main{background-color:#ffffff80;padding:2rem;border-radius:.5rem;box-shadow:var(--box-shadow)}}button{font-family:inherit;font-size:inherit;cursor:pointer;background-color:transparent}ul{list-style-type:none}h1{text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem}.location-btn,.unit-change-btn{background-color:transparent;border:none;margin-top:.25rem;text-decoration:underline}.location-btn{margin-bottom:1rem}.clear-btn{margin-top:1rem;display:inline-block;border:solid var(--font-color) 1px;border-radius:2px;padding:.25rem .5rem}.clear-btn:hover{background-color:var(--font-color);color:#fff;transition:.2s linear}