.weather-wrapper{display:flex;justify-content:center}body.dark .weather-card{background-color:#a4a4a4}.weather-card{margin:20px 5px;border-radius:20px;position:relative;overflow:hidden;width:270px;height:270px;background-color:#fff;box-shadow:0 0 25px 1px rgba(50,50,50,.1);-webkit-animation:appear .5s ease-out forwards;animation:appear .5s ease-out forwards}.weather-card h1{font-size:80px;opacity:0;transform:translateX(150px);-webkit-animation:title-appear .5s ease-out .5s forwards;animation:title-appear .5s ease-out .5s forwards}.weather-card h1,.weather-card p{position:absolute;font-weight:300;bottom:0;left:35px}.weather-card p{font-family:"Lato",sans-serif;font-size:28px;-webkit-animation:title-appear 1s ease-out .5s forwards;animation:title-appear 1s ease-out .5s forwards}.weather-icon{position:relative;width:50px;height:50px;top:0;float:right;margin:40px 40px 0 0;-webkit-animation:weather-icon-move 5s ease-in-out infinite;animation:weather-icon-move 5s ease-in-out infinite}.sun{background:#ffcd41;border-radius:50%;box-shadow:0 0 0 4px rgba(255,255,0,.1);-webkit-animation:light .8s ease-in-out infinite alternate,weather-icon-move 5s ease-in-out infinite;animation:light .8s ease-in-out infinite alternate,weather-icon-move 5s ease-in-out infinite}@-webkit-keyframes light{0%{box-shadow:0 0 0 10px rgba(255,255,0,.2)}to{box-shadow:0 0 0 17px rgba(255,255,0,.2)}}@keyframes light{0%{box-shadow:0 0 0 10px rgba(255,255,0,.2)}to{box-shadow:0 0 0 17px rgba(255,255,0,.2)}}.cloud,.rain{margin-right:60px;background:#b6cede;border-radius:20px;width:25px;height:25px;box-shadow:24px -6px 0 2px #b6cede,10px 5px 0 5px #b6cede,30px 5px 0 2px #b6cede,11px -8px 0 -3px #b6cede,25px 11px 0 -1px #b6cede}.cloud:after{content:"";position:absolute;border-radius:10px;background-color:transparent;width:4px;height:12px;left:0;top:31px;transform:rotate(30deg)}.rain:after{content:"";position:absolute;border-radius:10px;background-color:transparent;width:4px;height:12px;left:0;top:31px;transform:rotate(30deg);-webkit-animation:rain .8s ease-in-out infinite alternate;animation:rain .8s ease-in-out infinite alternate}@-webkit-keyframes rain{0%{box-shadow:8px 0 #2092a9,32px -6px #2092a9,20px 0 #2092a9}to{box-shadow:8px 6px #2092a9,32px 0 #2092a9,20px 6px #2092a9}}@keyframes rain{0%{box-shadow:8px 0 #2092a9,32px -6px #2092a9,20px 0 #2092a9}to{box-shadow:8px 6px #2092a9,32px 0 #2092a9,20px 6px #2092a9}}@-webkit-keyframes weather-icon-move{50%{transform:translateY(-8px)}}@keyframes weather-icon-move{50%{transform:translateY(-8px)}}.inspiration{margin-top:80px;color:#709fbe;font-family:"Lato",sans-serif;font-weight:300;font-size:24px;text-align:center}.inspiration a{color:#ff8f8f;font-weight:400;-webkit-animation:all .3s ease-in-out;animation:all .3s ease-in-out}@-webkit-keyframes appear{0%{transform:scale(0)}50%{transform:scale(1.05)}75%{transform:scale(.95)}to{transform:scale(1)}}@keyframes appear{0%{transform:scale(0)}50%{transform:scale(1.05)}75%{transform:scale(.95)}to{transform:scale(1)}}@-webkit-keyframes title-appear{0%{opacity:0;transform:translateX(150px)}to{opacity:1;transform:translateX(0)}}@keyframes title-appear{0%{opacity:0;transform:translateX(150px)}to{opacity:1;transform:translateX(0)}}body{font-family:"Source Sans Pro",sans-serif}body.dark{color:#fff;background-color:#6b6b6b}a{color:#00f;text-decoration:none}a:hover{color:#6495ed;text-decoration:none}a:active{color:#6495ed;text-decoration:none}.no-margin{margin:0}.container{display:grid;justify-content:center}.text-center{text-align:center}.heading-location-access{position:fixed;top:28%}.center-item,.heading-location-access{left:50%;transform:translate(-50%,-50%)}.center-item{position:absolute;top:50%}.card-body{box-shadow:0 2rem 6rem rgba(0,0,0,.1);min-width:300px}.card-body,body.dark .card-body{transition:all .2s;border-radius:5px;height:150px;margin:10px;position:relative}body.dark .card-body{box-shadow:0 2rem 6rem hsla(0,0%,100%,.14);width:400px}.card-body:hover{background-color:#efefef;box-shadow:0 2rem 6rem rgba(0,0,0,.15);transform:translateY(-2px)}body.dark .card-body:hover{background-color:#6d6d6d;box-shadow:0 2rem 6rem hsla(0,0%,100%,.22);transform:translateY(-2px)}.card-time{position:absolute;margin:0;padding:10px 0 0 10px}.card-date{left:0;bottom:0;padding:0 0 10px 10px;position:absolute;font-weight:700}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;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);transform:translate(-50%,-2px)}body.dark .today-weather:hover{background-color:#6d6d6d;box-shadow:0 2rem 6rem hsla(0,0%,100%,.22);transform:translate(-50%,-2px)}.today-degree{font-size:4.3rem;font-weight:700;display:block;text-align:left;padding:0 15px}.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:-webkit-sticky;position:sticky;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:10rem;position:absolute;left:65%;top:27%;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;left:50%;transform:translate(-50%);padding:10px}body.dark .btn-fetch{background-color:#a4a4a4;border-color:#3a3a3a}.btn-fetch{cursor:pointer;transition:opacity .5s ease-out;position:relative;left:50%;opacity:1;transform:translate(-50%);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!important;border:5px solid #efefef}body.dark .btn-fetch{color:#fff}body.dark .btn-fetch:hover{background-color:#fff;color:#000}body.dark .switch{background-color:#fff}.switch,body.dark .switch{-webkit-appearance:none;cursor:pointer}.switch{height:1rem;width:3rem;background-color:#a0a0a0;border-radius:43px;position:absolute;left:0;top:0;margin:15px 20px;outline:none}.switch:after{top:1px;left:2px;content:"";width:.8rem;height:.8rem;background-color:#fff;position:absolute;border-radius:100%;transition:.5s}body.dark .switch:after{top:1px;left:2px;content:"";width:.8rem;height:.8rem;background-color:#6b6b6b;position:absolute;border-radius:100%;transition:.5s}.switch:checked{background-color:#6b6b6b}.switch:checked:after{transform:translateX(2rem)}.switch:focus{outline-color:transparent}
/*# sourceMappingURL=main.47a99a54.chunk.css.map */