body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,body,html{box-sizing:border-box;margin:0;padding:0}body{font-size:62.5%}h2,h3,h4{font-family:Montserrat,sans-serif}p{font-family:Open Sans,sans-serif;font-weight:400}header{padding:1rem 5rem;position:fixed;width:60%;z-index:99}header nav ul{align-items:center;display:flex;justify-content:space-between}header nav ul div.left{display:flex}header nav ul li{cursor:pointer;list-style:none}header nav ul li,header nav ul li a{color:#000;font-family:Montserrat,sans-serif;font-size:.8rem;position:relative}header nav ul li a{text-decoration:none}header nav ul li a:before{background-color:#000;bottom:-2px;content:"";height:1px;left:0;position:absolute;right:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;z-index:-1}header nav ul li a:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.container{margin:0 auto;width:80%}.position{display:flex;height:100%;min-height:100vh}.position__information{align-items:center;background-color:#fff;display:flex;flex:60% 1;flex-direction:column;gap:.2rem;justify-content:space-between;overflow:hidden;padding:6rem 5rem 3rem;position:relative}.position__information div.addFav{position:absolute;right:9%}.position__information-date h2{font-size:1rem;font-weight:400;text-transform:uppercase}.position__information-city{text-align:center}.position__information-city h2{font-size:2rem;font-weight:400}.position__information-city h3{font-size:6rem;font-weight:700}.position__information-prevision-week{background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;gap:2rem;left:0;padding:1rem 2rem;position:fixed;top:50%;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%);transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.position__information-prevision-week.active{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.position__information-prevision-week-day{color:#000;text-align:center}.position__information-prevision-week-day h4{font-size:.8rem}.position__information-prevision-week-day span{display:block}.position__information-prevision-week-day span.icon{margin:.4rem auto;width:50%}.position__information-prevision-week-day span.icon img{height:auto;width:100%}.position__information-prevision-week-day span:last-child{font-size:.8rem}.position__information-prevision-week button{background-color:#f4f4f4;border:0;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:700;padding:1rem;position:absolute;right:-3.2rem;top:30%;-webkit-transform:rotate(90deg) translate(-50%,-50%);transform:rotate(90deg) translate(-50%,-50%)}.position__information-prevision{display:flex;gap:2rem;justify-content:space-between;overflow-x:scroll;padding-bottom:1.5rem;width:100%}.position__information-prevision h4{font-size:.8rem;font-weight:400;text-transform:uppercase}.position__information-prevision span{display:block;font-size:1rem;text-align:center}.position__information-prevision-day{align-items:center;display:flex;flex-direction:column;gap:1rem}.position__information-prevision-day span.icon{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.position__information-prevision-day span.icon img{height:32px;width:32px}.position__image{background-blend-mode:darken;background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:inset 50px 0 50px -30px rgba(0,0,0,.35);flex:40% 1;height:auto}@media screen and (max-width:1024px){header{padding:2rem}.position__information{padding:5rem 2rem}}@media screen and (max-width:768px){.container{width:90%}main.favorite header{width:100%}main.favorite header nav ul li,main.favorite header nav ul li a{color:#000}main header{width:100%}main header nav ul li,main header nav ul li a{color:#fff}main .position{display:block;position:relative}main .position__information{background-color:unset;color:#fff;width:unset}main .position__information-prevision{gap:1.5rem}main .position__image{z-index:-1}main .position__image,main .position__image:after{height:100%;left:0;position:absolute;top:0;width:100%}main .position__image:after{background-color:rgba(0,0,0,.3);content:""}}.loader_container{background:#6496ff;height:100vh}.weather-loader{background:#ffff32;border-radius:50%;height:70px;left:calc(50% - 35px);position:absolute;top:calc(50% - 35px);width:70px}.weather-loader:after,.weather-loader:before{-webkit-animation:cloud1 2.5s ease-in-out infinite alternate;animation:cloud1 2.5s ease-in-out infinite alternate;background:#fafafa;border-radius:50%;box-shadow:20px -15px 0 #fafafa,40px 10px 0 #fafafa,55px -15px 0 #fafafa,75px 0 0 #fafafa;content:"";display:block;height:40px;left:20px;position:absolute;top:40px;width:50px}.weather-loader:before{-webkit-animation-name:cloud2;animation-name:cloud2;left:-80px;top:0}@-webkit-keyframes cloud1{0%{margin-left:0}to{margin-left:50px}}@keyframes cloud1{0%{margin-left:0}to{margin-left:50px}}@-webkit-keyframes cloud2{0%{margin-left:0}to{margin-left:-50px}}@keyframes cloud2{0%{margin-left:0}to{margin-left:-50px}}.modal{background:#000;color:#fff;padding:6% 0;position:absolute;text-align:center;top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:1s ease;width:60%;z-index:99}.modal.active{-webkit-transform:translateY(0);transform:translateY(0)}.modal p{font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:400}.form__group{align-items:center;background-color:rgba(0,0,0,.7);box-shadow:0 0 20px 0 rgba(0,0,0,.2);color:#000;display:none;height:100%;justify-content:center;left:0;padding:5%;position:absolute;top:0;width:100%;z-index:99}.form__group.active{display:flex}.form__group .form{color:#fff;width:80%}.form__group .form label{font-family:Montserrat,sans-serif;font-size:2rem;font-weight:700}.form__group .form input{display:block;font-size:2rem;margin:1rem 0;padding:.5rem;width:100%}.form__group .form button{background:#fff;border:0;color:#000;font-size:1rem;padding:.5rem 1rem}.favorite_container.active .favorite__header .btn_edit{background-color:#8cc152;display:block;font-size:.8rem;margin:0 auto;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.favorite_container.active .favorite__grid .favorite__grid-information{-webkit-animation:twerk .3s infinite;animation:twerk .3s infinite}@-webkit-keyframes twerk{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}33%{-webkit-transform:rotate(-.5deg);transform:rotate(-.5deg)}66%{-webkit-transform:rotate(.5deg);transform:rotate(.5deg)}99.99%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes twerk{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}33%{-webkit-transform:rotate(-.5deg);transform:rotate(-.5deg)}66%{-webkit-transform:rotate(.5deg);transform:rotate(.5deg)}99.99%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.favorite_container.active .favorite__grid .favorite__grid-information .delete-btn{display:block}.favorite_container.active .listEmpty{text-align:center;width:100%}.favorite_container.active .listEmpty h1{font-size:1rem;font-weight:400;text-transform:uppercase}.favorite_container .main header{padding:1rem 0;width:80%}.favorite_container .favorite__header{padding:5rem 0;text-align:center}.favorite_container .favorite__header h2{font-size:1rem;font-weight:400;margin:2%;text-transform:uppercase}.favorite_container .favorite__header h2.fav{font-size:2rem;font-weight:400}.favorite_container .favorite__header .btn_edit{background:#f96;border:none;border-radius:3px;color:#fff;font-size:.8rem;font-weight:700;margin:0 0 1em;padding:.8em}.favorite_container .previsionBtn{background-color:unset;border:0;color:#000;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:700;margin:0 0 1rem;padding:0;text-decoration:underline}.favorite__grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;margin-bottom:5%}.favorite__grid-information{color:#fff;padding:2rem;position:relative;width:100%}.favorite__grid-information .delete-btn{background-color:#fff;border:0;border-radius:40px;box-shadow:0 0 10px 2px rgba(0,0,0,.1);cursor:pointer;display:none;font-family:Montserrat,sans-serif;font-weight:700;height:40px;position:absolute;right:0;top:0;-webkit-transform:translate(30%,-30%);transform:translate(30%,-30%);width:40px}.favorite__grid-information-city h2{font-size:1.4rem;text-align:center;text-transform:uppercase}.favorite__grid-information-city h3{font-size:4rem;margin:1rem 0 2rem;text-align:center}.favorite__grid-information-container{position:relative;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.favorite__grid-information-container.slide{-webkit-transform:translateX(-112%);transform:translateX(-112%)}.favorite__grid-information-prevision{grid-gap:2rem;bottom:0;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);position:absolute;right:50%;-webkit-transform:translate(calc(150% + 2rem));transform:translate(calc(150% + 2rem));width:100%}.favorite__grid-information-prevision-day{min-width:6vw;text-align:center}.favorite__grid-information-prevision-day h4{font-size:.8rem;text-transform:uppercase}.favorite__grid-information-prevision-day span{display:block}.favorite__grid-information-prevision-day span.icon{margin:.5rem 0}.favorite__grid-information-prevision-day span.icon img{height:32px;width:32px}.favorite__grid-information-prevision-day span:last-child{font-size:1rem}.favorite__grid-information-prevision-week{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.favorite__grid-information-prevision-week-day{text-align:center}.favorite__grid-information-prevision-week-day h4{font-size:.8rem;text-transform:uppercase}.favorite__grid-information-prevision-week-day span{display:block}.favorite__grid-information-prevision-week-day span.icon{margin:.5rem 0}.favorite__grid-information-prevision-week-day span.icon img{height:32px;width:32px}.favorite__grid-information-prevision-week-day span:last-child{font-size:1rem}.favorite__grid-information-image{background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.favorite__grid-information-image:after{background-color:rgba(0,0,0,.3);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@media screen and (max-width:1024px){.favorite__grid{grid-template-columns:repeat(2,1fr)}.favorite__grid-information-prevision-day{min-width:12vw}}@media screen and (max-width:768px){.favorite__grid{grid-template-columns:1fr}.favorite__grid-information-prevision-day{min-width:33vw}}@media screen and (max-width:400px){.favorite__grid-information-prevision-day{min-width:20vw}}
/*# sourceMappingURL=main.a001a014.css.map*/