body{font-family:Source Sans Pro,sans-serif}body.dark{color:#fff;background-color:#6b6b6b}a{color:#00f;text-decoration:none}a:active,a:hover{color:#6495ed;text-decoration:none}.no-margin{margin:0}.container{display:flex;flex-wrap:wrap;justify-content:center}.text-center{text-align:center}.heading-location-access{position:fixed;top:28%}.center-item,.heading-location-access{left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.center-item{position:absolute;top:50%}.card-body{box-shadow:0 2rem 6rem rgba(0,0,0,.1)}.card-body,body.dark .card-body{-webkit-transition:all .2s;transition:all .2s;border-radius:5px;width:400px;height:150px;margin:10px;position:relative}body.dark .card-body{box-shadow:0 2rem 6rem hsla(0,0%,100%,.14)}.card-body:hover{background-color:#efefef;box-shadow:0 2rem 6rem rgba(0,0,0,.15)}.card-body:hover,body.dark .card-body:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}body.dark .card-body:hover{background-color:#6d6d6d;box-shadow:0 2rem 6rem hsla(0,0%,100%,.22)}.card-time{position:absolute;margin:0;padding:10px 0 0 10px}.card-date{left:0;bottom:0;padding:0 0 10px 10px;position:absolute}div.card-degree{bottom:0;padding:15px;position:absolute;right:0}.card-degree{font-size:1.9rem;font-weight:700}.card-min-degree{color:grey;font-size:1.3rem}body.dark .card-min-degree{color:#404040;font-size:1.3rem}.card-separator{font-size:1.65rem;color:grey}.card-weather-emoji{font-size:3rem;margin-top:20px;display:inherit}.header{background-color:#f1f1f1;left:0;position:fixed;top:0;width:100%;z-index:1}.progress-container{width:100%;height:4px;background:#ccc}body.dark .progress-container{width:100%;height:4px;background:#bfbfbf}.progress-bar{height:4px;background:#666;width:0}body.dark .progress-bar{height:4px;background:#fff;width:0}.today-weather{box-shadow:0 2rem 6rem rgba(0,0,0,.1)}.today-weather,body.dark .today-weather{border:#fff;height:200px;-webkit-transform:translate(-50%);transform:translate(-50%);width:50vw;position:relative;left:50%}body.dark .today-weather{box-shadow:0 2rem 6rem hsla(0,0%,100%,.14)}@media only screen and (max-width:700px){.today-weather{width:100vw}}.today-weather:hover{background-color:#efefef;box-shadow:0 2rem 6rem rgba(0,0,0,.15)}.today-weather:hover,body.dark .today-weather:hover{-webkit-transform:translate(-50%,-2px);transform:translate(-50%,-2px)}body.dark .today-weather:hover{background-color:#6d6d6d;box-shadow:0 2rem 6rem hsla(0,0%,100%,.22)}.today-degree{font-size:2.3rem;font-weight:700;display:block;text-align:center}.today-city{border-bottom:4px solid hsla(0,0%,50.2%,.39);padding:0 5px}body.dark .today-city{border-bottom:4px solid #fff;padding:0 5px}.today-sticky-container>span>span{padding:0 5px 0 0}.today-sticky-container{position:fixed;top:4px;width:100%;height:58px;z-index:1;background:#fff}body.dark .today-sticky-container{position:fixed;top:4px;width:100%;height:58px;z-index:1;background:#6f6f6f}.today-sticky-temperature{position:absolute;right:0;top:0;padding:15px 20px;font-weight:700}.today-as-emoji{font-size:3rem;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.today-sunrise{left:0}.today-sunrise,.today-sunset{position:absolute;bottom:0;padding:10px}.today-sunset{right:0}.today-min-max-degree{position:absolute;bottom:0;padding:10px}.btn-fetch,.today-min-max-degree{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.btn-fetch{-webkit-transition:opacity .5s ease-out;transition:opacity .5s ease-out;position:relative;opacity:1;background-color:#fff;border:5px solid #efefef;outline:none;padding:13px 50px;min-width:50%;font-weight:800;font-stretch:extra-expanded;font-size:medium;margin:10px 0;border-radius:6px}.btn-fetch:hover{background-color:#efefef;border:5px solid #efefef}.switch{background-color:#a0a0a0}.switch,body.dark .switch{-webkit-appearance:none;height:1rem;width:3rem;border-radius:43px;position:absolute;cursor:pointer;left:0;top:0;margin:15px 20px}body.dark .switch{background-color:#fff}.switch:after{background-color:#fff}.switch:after,body.dark .switch:after{top:1px;left:2px;content:"";width:.8rem;height:.8rem;position:absolute;border-radius:100%;-webkit-transition:.5s;transition:.5s}.switch:checked,body.dark .switch:after{background-color:#6b6b6b}.switch:checked:after{-webkit-transform:translateX(2rem);transform:translateX(2rem)}.switch:focus{outline-color:transparent}
/*# sourceMappingURL=main.2b5cbedf.chunk.css.map */