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}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth;-webkit-user-select:none;-ms-user-select:none;user-select:none}.App{padding:0 16px}body{background-color:#3082ce}.routerLink{color:inherit;text-decoration:none}.Header{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.Header>div:first-child>h3{color:hsla(0,0%,100%,.9);font-size:32px;font-weight:400}.Header>div:nth-child(2){align-items:center;display:flex;justify-content:center}.citiesIcon{cursor:pointer;height:auto;width:40px}:root{--primary-font-color:hsla(0,0%,100%,.9);--secondary-font-color:hsla(0,0%,100%,.5)}.card-wrapper{background-color:hsla(0,0%,100%,.1);border-radius:8px}.card-wrapper>h3{color:hsla(0,0%,100%,.5);font-weight:400;padding:16px}.CurrentWrapper{margin-bottom:32px;padding-top:320px}.CurrentWrapper>span:first-child{align-items:center;display:flex;justify-content:space-between}.CurrentWrapper>span:first-child>span{align-items:center;background-color:rgba(0,0,0,.3);border-radius:24px;display:flex;padding:4px}.CurrentWrapper>span:first-child>span>img{height:auto;padding:0 4px 0 8px;width:32px}.CurrentWrapper>span:first-child>span>p{color:hsla(0,0%,100%,.9);font-size:16px;padding:0 8px 0 4px}.CurrentWrapper>span:first-child>p{color:hsla(0,0%,100%,.9);font-size:128px;letter-spacing:-8px;line-height:120px}.CurrentWrapper>p:nth-child(2){color:hsla(0,0%,100%,.9);font-size:32px;padding:0 4px}.CurrentWrapper>span{display:flex}.CurrentWrapper span p{color:hsla(0,0%,100%,.9);font-size:24px}.CurrentWrapper span p img{height:auto;width:18px}.CurrentWrapper>span>p:nth-child(2){margin:0 8px}.HourlyWrapper{color:hsla(0,0%,100%,.5);letter-spacing:.5px;margin-bottom:16px}.HourCardWrapper{display:flex;overflow-x:scroll;padding-bottom:16px;padding-left:8px}.HourCardWrapper::-webkit-scrollbar{display:none}.HourCard{margin-right:24px;text-align:center}.HourCard>p{color:hsla(0,0%,100%,.9)}.HourCard:last-child{margin-right:8px}.HourCard img{margin:2px 0}.DailyWrapper{color:hsla(0,0%,100%,.5);letter-spacing:.5px;margin-bottom:16px}.DayCardWrapper{display:flex;overflow-x:scroll;padding-bottom:16px;padding-left:16px}.DayCardWrapper::-webkit-scrollbar{display:none}.DayCard{margin-right:24px;text-align:center}.DayCard>p:first-child{color:hsla(0,0%,100%,.9)}.DayCard img{margin:2px 0}.DetailCard{margin:0 16px 16px}.DetailCard>h3{color:hsla(0,0%,100%,.5);font-size:16px;font-weight:400}.DetailCard>p{color:hsla(0,0%,100%,.9);font-size:20px}.DetailCardWrapper{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.Footer{font-size:16px;margin-bottom:16px;text-align:center}.CityCard{background:#acb6e5;background:linear-gradient(90deg,#86fde8,#acb6e5);cursor:pointer;margin-bottom:8px;padding:16px}.CityCard>h3{font-size:32px;font-weight:500;padding-bottom:16px}.CityCard>p{font-size:24px}.Cities{background-color:#000;height:100vh;width:100%}.Cities>.header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;padding:16px 0}.chevronLeft,.header>h3{color:hsla(0,0%,100%,.9)}.header>h3{font-size:20px;font-weight:400;padding:0 8px}.AddCity{bottom:0;margin:24px;position:fixed;right:0}.AddBtn{align-items:center;background-color:#c41442;border-radius:50%;display:flex;height:56px;justify-content:center;width:56px}.AutoComplete,.plus{color:hsla(0,0%,100%,.9)}.AutoComplete{font-size:16px;font-weight:400;padding:8px 16px 16px}.AutoComplete>p:first-child{font-size:20px}.AutoComplete>p:nth-child(2){color:hsla(0,0%,100%,.6)}.SearchCity{background-color:#000;height:100%;width:100%}.SearchCity>.header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;padding:16px 0}.chevronLeft{margin:4px 8px 0 12px}.header>span,.header>span>form{width:100%}.header>span>form>input{background-color:transparent;border:none;color:hsla(0,0%,100%,.9);font-size:20px;padding:0 8px;width:100%}.header>span>form>input:focus{outline:none}.header>span>form>input::-webkit-input-placeholder{color:hsla(0,0%,100%,.5)}.header>span>form>input:-ms-input-placeholder{color:hsla(0,0%,100%,.5)}.header>span>form>input::placeholder{color:hsla(0,0%,100%,.5)}.autoCompleteWrapper{height:90vh;overflow-y:scroll;width:100%}.autoCompleteWrapper::-webkit-scrollbar{display:none}
/*# sourceMappingURL=main.15f47a47.css.map*/