@font-face{font-family:Questrial;src:url(assets/fonts/questrial-v13-latin-regular.woff) format("woff"),url(assets/fonts/questrial-v13-latin-regular.woff2) format("woff2")}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}h1,h2,h3{color:#0f2027;font-family:Questrial}h1{font-size:10rem}h2{font-size:3rem}h3{font-size:1.5rem}p{font-family:Questrial;font-size:1rem}body{background-color:#0f2027;height:100vh;width:100vw}.Container{background:#0f2027;background:-webkit-linear-gradient(180deg,#2c5364,#203a43,#0f2027);background:linear-gradient(180deg,#2c5364,#203a43,#0f2027);display:grid;grid-template-areas:"main_result dashboard";grid-template-columns:1fr 2fr;padding:5rem;width:100vw}.Container .Container__result{background-image:linear-gradient(15deg,#13547a,#80d0c7);border-radius:10px;display:grid;grid-area:main_result;grid-template-areas:"search_bar" "results";grid-template-rows:5rem auto;padding:4rem}.Container .Container__result .Search_bar{align-items:center;display:flex;display:row;grid-area:search_bar;justify-content:space-evenly;margin-top:4rem}.Container .Container__result .Search_bar .Search_bar-Input{background-color:#f5f5f5;border:none;border-radius:30px;box-shadow:1px 3px 8px #767b91;font-family:Questrial;height:4rem;padding-left:1.6rem;width:20rem}.Container .Container__result .Search_bar .Search_bar-Button{background-color:#767b91;border:none;border-radius:30px;box-shadow:1px 1px 3px #767b91;color:#f5f5f5;height:40px;width:40px}.Container .Container__result .Search_bar .Search_bar-Button .Search_bar-Button--Icon{height:20px;width:20px}.Container .Container__result .Search_bar .Search_bar-Button:hover{cursor:pointer}.Container .Container__result .Search_bar .Search_bar-Button:focus{border:none;outline:none}.Container .Container__result .Results__pane{align-items:center;display:flex;flex-direction:column;grid-area:results;justify-content:space-evenly}.Container .Container__result .Results__pane .WeatherImage{height:150px;width:150px}.Container .Container__result .Results__pane .Date{align-items:center;display:flex;flex-direction:column}.Container .Container__result .Results__pane .Description{text-transform:capitalize}.Container .Container__dashboard,.Container .Container__dashboard .Dashboard__forecast,.Container .Container__dashboard .Dashboard__forecast .Forecast,.Container .Container__dashboard .Dashboard__forecast .Forecast .Dashboard__forecast,.Container .Container__dashboard .Dashboard__results,.Container .Container__dashboard .Dashboard__results .Dashboard__results--row,.Container .Container__dashboard .Dashboard__results .Dashboard__results--row .Dashboard__forecast,.Container .Container__dashboard .Dashboard__results .Dashboard__results--row .Dashboard__results{display:flex;flex-direction:column;grid-area:dashboard;justify-content:space-evenly}.Container .Container__dashboard .Dashboard__forecast .Forecast .highlights,.Container .Container__dashboard .Dashboard__results .Dashboard__results--row .highlights,.Container .Container__dashboard .highlights{color:#fff;margin:2rem 0 1rem 2rem}.Container .Container__dashboard .Dashboard__forecast .Forecast .line,.Container .Container__dashboard .Dashboard__results .Dashboard__results--row .line,.Container .Container__dashboard .line{border-top:1px solid #ff0;margin:0 0 2rem 2rem;width:10rem}.Container .Container__dashboard .Dashboard__forecast,.Container .Container__dashboard .Dashboard__forecast .Forecast .Dashboard__forecast,.Container .Container__dashboard .Dashboard__results .Dashboard__results--row .Dashboard__forecast{flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.Container .Container__dashboard .Dashboard__forecast .Forecast{align-items:center;background-image:linear-gradient(15deg,#13547a,#80d0c7);border-radius:10px;height:20rem;justify-content:center;margin-top:2rem;width:13rem}.Container .Container__dashboard .Dashboard__results .Dashboard__results--row{flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin-bottom:2rem}.Container .Container__dashboard .Dashboard__results .Dashboard__results--row .Result__container{align-items:center;background-image:linear-gradient(15deg,#13547a,#80d0c7);border-radius:10px;display:flex;flex-direction:column;height:15rem;justify-content:center;margin:1rem;width:20rem}.imagen{background-color:#21273b}.Search_bar-Input:active,.Search_bar-Input:focus{border:none;outline:none}.lds-ring{display:inline-block;height:80px;position:relative;width:80px}.lds-ring div{animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-radius:50%;border-top-color:#fff;box-sizing:border-box;display:block;height:64px;margin:8px;position:absolute;width:64px}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ErrorPage{align-items:center;background-color:#0f2027;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:0 20rem}.ErrorPage .ErrorPage__title{color:#f5f5f5;font-size:3rem;margin-bottom:2rem}.ErrorPage .ErrorPage__button{align-items:center;background:linear-gradient(15deg,#13547a,#80d0c7);border-radius:30px;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-family:Questrial;font-size:1.4rem;height:5rem;justify-content:center;text-decoration:none;width:15rem}@media(max-width:900px){body{background:#0f2027;background:-webkit-linear-gradient(180deg,#2c5364,#203a43,#0f2027);background:linear-gradient(180deg,#2c5364,#203a43,#0f2027)}.Container{grid-template-areas:"main_result" "dashboard";grid-template-columns:1fr;padding:0}.Container .Container__result{height:130vh;width:100vw}.Container .Container__dashboard{display:flex;flex-direction:column-reverse;padding:0}.Container .Container__dashboard .Dashboard__forecast{flex-wrap:wrap;margin-bottom:2rem;padding:0 2rem}.Container .Dashboard__results--row{width:100vw}.Container .Forecast{margin:.5rem}}@media(min-width:1300px){.Forecast{height:25rem!important;width:18rem!important}}@media(min-width:1000px)and (max-width:1360px){.Container .Container__dashboard .Dashboard__results .Dashboard__results--row .Result__container{width:25rem}}@media(min-width:1360px){.Container{height:100%}.Container .Container__dashboard .Dashboard__results .Dashboard__results--row .Result__container{width:40rem}}@media(min-height:800px)and (max-height:1300px){h3{font-size:1.5rem}}@media(min-height:800px){.Container{height:100vh}}