*{box-sizing:border-box;font-family:Raleway,system-ui,Helvetica,Arial,sans-serif;margin:0;padding:0}body,html{height:100%}#project-title{font-size:1.5rem}#main-container{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}#search-city{display:flex;gap:.5rem}#city-input{border:1px solid #858585;border-radius:4px}#city-input,#search-btn{font-size:1rem;padding:8px}#search-btn{background-color:#eb6e4b;border:none;border-radius:4px;color:#fff}.loader{animation:spin 1s linear infinite;border:8px solid #ccc;border-radius:50%;border-top-color:#626262;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#weather-display-loader{margin-top:2rem}#weather-display{align-items:center;display:none;flex-direction:column;font-size:1.2rem;padding:1rem}#city{font-size:2rem}#description{margin-bottom:1rem}#weather-icon{width:60px}#weather-display-bottom-half{column-gap:.5rem;display:grid;font-size:1rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}#temperature{border-right:1px solid #000;font-size:2.5rem;grid-row:1/-1;padding-right:.5rem;text-align:right}.error-msg{color:red;display:none;font-weight:700}.switch-container{align-items:center;display:flex;gap:.5rem;margin-top:2rem}.switch{display:inline-block;height:26px;position:relative;width:46px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.slider:before{background-color:#fff;bottom:3px;content:"";height:20px;left:4px;width:20px}input:checked+.slider{background-color:#eb6e4b}input:focus+.slider{box-shadow:0 0 1px #eb6e4b}input:checked+.slider:before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translateX(18px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}footer{bottom:0;display:flex;justify-content:center;position:absolute;width:100%}footer>p{margin-bottom:2rem}footer>p>a{color:#000}@media (hover:hover){#search-btn:hover{filter:brightness(95%)}button:hover{cursor:pointer}}
/*# sourceMappingURL=main.css.map*/