@font-face{font-family:Lobster;src:url(/weather-app/assets/lobster-v30-latin-regular-997e7f6c.woff2) format("woff2")}.swap-temp-button,.search-button{font-family:Courier New,Courier,monospace;font-size:1em;font-weight:800;text-transform:uppercase;margin:0;padding:0;cursor:pointer;border-radius:4rem;padding:.4rem 1rem;background-color:transparent;align-self:start;border-color:azure;background-color:#c22121;border-color:#49caca}.swap-temp-button:hover,.search-button:hover{background-color:#b34343;border-color:#7effff}.swap-temp-button{margin:0 0 2rem}.weather-img{width:4.6rem;height:auto}.temperature-icon{height:3rem;width:auto}.search-container{display:flex}.search-container .search-bar{font-family:serif;width:16rem;border:none;font-weight:700;outline:none;background-color:transparent;border-bottom:white solid 2px;padding:0 .6rem;margin-right:1rem}.search-container .search-bar::placeholder{color:#fff;opacity:1}.search-container input:invalid{border-color:red}.search-container input:valid{border-color:var(--neon-green)}.app{width:100%;height:100%;color:azure;display:grid;grid-template:1fr/1fr 1fr;justify-content:space-between}.main .header-container{display:flex;gap:1rem}.main .header-text{font-size:4rem;text-transform:capitalize}.main .location-text{font-family:Courier New,Courier,monospace;margin:.4rem 0;font-size:2.6rem}.main .date-text,.main .time-text{font-size:1.6rem}.main .current-temp-text{font-size:5rem;font-weight:800;margin:1rem 0 .4rem}.sidebar{font-size:2rem;justify-self:end}.sidebar .sidebar-container{display:flex;align-items:center;gap:1rem}.sidebar .sidebar-label{font-size:1.6rem}.sidebar .sidebar-text{font-size:2.6rem}.footer{font-size:2.6rem;display:flex;gap:4rem;grid-column:1/-1;justify-self:center}.footer .day-container{display:flex;flex-direction:column;align-items:start}.footer .day-container .day-text{margin-bottom:1.6rem;font-size:2.4rem}.footer .day-container .max-temp{font-size:2.8rem;font-weight:800;margin-bottom:.4rem}.footer .day-container .min-temp{font-size:1.6rem}*,*:before,*:after{animation:text-color-change 4s linear infinite;font-family:Lobster,Courier,monospace;text-shadow:-2px -2px 0 black,2px -2px 0 black,-2px 2px 0 black,2px 2px 0 black;color:#f0f8ff;margin:0;padding:0}html,body{height:calc(100vh - 3rem);width:calc(100vw - 3rem);background-image:url(/weather-app/assets/bg-c5330aa8.jpg);background-size:cover}body{display:flex;padding:1.5rem}@keyframes text-color-change{0%{border-color:#ff3131}25%{border-color:#9d00ff}50%{border-color:#1f51ff}75%{border-color:#39ff14}to{border-color:#fdbd01}to{border-color:#ff3131}}