body{width:100vw;height:100vh;margin:0;overflow:hidden;font-family:Arial,Helvetica,sans-serif}.contener{display:flex;justify-content:space-evenly;width:100%;height:100%;background:linear-gradient(180deg,rgba(8,15,26,.59),rgba(17,17,46,.46))}.bg-contener{width:100%;height:100%;margin:0;overflow-x:hidden;background:url(b800b330ea80254ad53c4ae600441ab7.png);background-size:100% 100%}.tools{height:100px;width:100%}.control-contener{display:flex;align-items:center;justify-content:space-around;position:relative;left:5%;top:calc(50% - 25px);width:45%;min-width:180px;height:50px;border-radius:10px}.refresh{height:44px;width:44px;background:url(311126fd72c3de73d617bb9dc14e6a1b.svg);background-size:100% 100%}.language-picker-select,.refresh:hover{cursor:pointer}.language-picker-select{width:55px;height:44px;border-radius:10px;color:#fff;background:#000}.lang{display:flex;justify-content:center;align-items:center;font-size:20px}.button-cover{background-color:#000;border-radius:4px}.knobs,.layer{position:absolute;top:0;right:0;bottom:0;left:0}.button{position:relative;top:50%;width:78px;height:36px;margin:auto;overflow:hidden}.button.r,.button.r .layer{border-radius:100px}.button.b2{border-radius:2px}.checkbox{position:relative;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer;z-index:3}.knobs{z-index:2}.layer{width:100%;background-color:linear-gradient(180deg,rgba(8,15,26,.59),rgba(17,17,46,.46));transition:all .3s ease;z-index:1}#button-10 .knobs:after,#button-10 .knobs:before,#button-10 .knobs span{position:absolute;top:4px;width:25px;height:10px;font-size:10px;font-weight:700;text-align:center;line-height:1;padding:9px 4px;border-radius:2px;transition:all .3s ease}#button-10 .knobs:before{content:"";left:4px;background-color:#112630}#button-10 .knobs:after{content:"°F";right:4px;color:#4e4e4e}#button-10 .knobs span{display:inline-block;left:4px;color:#fff;z-index:1}#button-10 .checkbox:checked+.knobs span{color:#4e4e4e}#button-10 .checkbox:checked+.knobs:before{left:42px;background-color:rgba(70,18,14,.719)}#button-10 .checkbox:checked+.knobs:after{color:#fff}#button-10 .checkbox:checked~.layer{background-color:#1a0a0a}.search-contener{display:flex;align-items:center;justify-content:center;padding:0;background:none}.qurybox{width:100%;height:30px;border-radius:10px}.search{background:url(3cd38e806f67c7a95b562d3cc91ecf13.png);background-size:cover;width:30px;height:30px;margin-right:10px;border-radius:30%;background-color:rgba(17,17,46,.46);transition:.5s ease-in-out}.search:hover{cursor:pointer;background-color:#1a132b;border-radius:100%}.btn-contener{display:flex;justify-content:center;align-items:center;position:relative;right:-3px;top:3px}.clean.load,.search.load{display:none}.spinner-fast.load{display:block}.weather,.weather-contener{width:100%}.weather{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:.5fr 1fr .75fr;height:86%;color:#fff;margin:0 20px}.information{grid-column-start:1;grid-column-end:4}.city{margin:0;font-size:80px}.current-date,.date{margin:0;font-size:30px}.date{display:flex}.clock{margin:0 0 0 15px;font-size:30px}.current-weather{display:grid;grid-template-columns:1fr 10px 1fr;grid-column-start:1;grid-column-end:4}.current-info{margin:auto;font-size:30px}.temp-current{margin:0;font-size:300px}.daily-weather{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:.5fr 1fr}.daily-day{grid-column-start:1;grid-column-end:3}.daily-temp{margin:0 0 0 auto;font-weight:300;font-size:80px}.daily-day{font-size:40px;margin:0}.current-icon-img{margin-left:-50px;margin-top:20px}#map{width:500px;height:500px;border:1px solid #000;border-radius:10%;margin-top:30px}.map-contener{margin-top:50px;margin-right:60px}.location{margin-top:20px;display:flex;flex-direction:column;align-items:flex-end;color:#fff;font-size:30px}.longitude{margin-top:10px}