*{margin:0;padding:0;box-sizing:border-box}body{color:#fff;font-family:Arial,Helvetica,sans-serif}.default-img{background:url(asset/clear-sky.ccae97df18a0778681445018179cff24.jpg);background-repeat:no-repeat;background-size:cover;background-position:top}.night-img{background:url(asset/night.15c0965afa634c3a8c3c965d01234796.jpg);background-repeat:no-repeat;background-size:cover;background-position:top}.snow-img{background:url(asset/snow2.fc34b0e665f1b9a2d8a13728c3519546.jpg);background-repeat:no-repeat;background-size:cover;background-position:top}.storm-img{background:url(asset/thunderstorm.c8f278075eec58310c18ce57e3f3515c.jpg);background-repeat:no-repeat;background-size:cover;background-position:top}.rain-img{background:url(asset/rain.88a497d357d5f65594bab87fe1cb984c.jpg);background-repeat:no-repeat;background-size:cover;background-position:top}.cloudy-img{background:url(asset/cloudy.4c9d6b074b9e88d118f964076813744f.jpg);background-repeat:no-repeat;background-size:cover;background-position:top}li{list-style:none}.weekly{display:grid;grid-template-columns:repeat(4,1fr);background-color:rgba(0,0,0,.7);position:absolute;bottom:0;width:100%;padding:30px}#header,.weekly{text-align:center}#header{margin-top:140px;padding-left:40px}#icon2{text-align:center}h1{font-size:6rem}.toggle{top:7vh;right:5%;position:absolute;display:inline-block;width:60px;height:34px}.weather-description{margin-top:20px}.description-items{margin-bottom:20px}.weather-text{position:fixed;top:55%;left:65%}.toggle input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.form{margin-top:2rem}.search{margin:20px;position:absolute;top:7%;left:15%;transform:translate(-50%,-50%);font-size:2rem;outline:none;border-radius:16px 0 16px 0;border:solid #ccc;border-width:1px 1px 2px;padding:10px 15px;width:25%;background-color:transparent;color:#ccc}.search::placeholder{color:#fff;text-align:center}#icon,#icon3,#icon5{padding-top:10px;padding-bottom:20px}.error::placeholder{color:red}