*{font-family:Avenir Next;padding:0;margin:0}.App{display:flex;min-height:100vh}.wrapper{display:flex;max-width:100vw;min-height:100vh;height:100%;width:100%;gap:100px}.left{flex:1;color:#091f39;font-weight:600;padding:1.6rem 2.4rem;display:flex;justify-content:center;height:100vh;overflow:scroll}.left::-webkit-scrollbar{display:none}.left{-ms-overflow-style:none;scrollbar-width:none}.container{flex:2.5;margin-left:8%}.container-inner{max-width:44rem;margin:auto}.container header{display:flex;align-items:center;margin:50px 0 0 95px;justify-content:space-between;gap:20px}.header{display:flex;align-items:center}.date{font-size:1.6rem;margin-left:-66px}.searchBar{background-color:#eef3f3;border-radius:.5rem;display:flex;align-items:center;padding:.8rem 1.2rem;width:100%;max-width:300px}.searchInput{background:none;outline:none;border:none;flex:1;margin-left:.6rem}.searchButton{border:none;background-color:#a8b7e2;padding:.4rem .8rem;border-radius:.5rem;margin:-.4rem 0;cursor:pointer}.searchButton:hover{background-color:#00f}.sectionTitle{font-size:1.2rem;font-weight:500;margin-top:3rem;margin-bottom:1.6rem}.row{display:flex;justify-content:space-between;width:100%}.overviewProp{height:6rem;width:100%;margin:.4rem 1.4rem;background-color:#eef3f3;display:flex;align-items:center;border-radius:.6rem;padding:0 1rem}.propIconContainer{padding-right:1rem}.propIcon{color:#4771da}.propValueContainer{width:100%}.propTitle{color:#98989b;font-weight:400;font-size:1.1rem}.propMain{display:flex;align-items:flex-end;width:100%}.primaryData{flex:3}.propValue{font-weight:500;font-size:1.4rem}.secondaryData{flex:1;font-weight:400;color:#98989b}.right{min-width:23rem;background-color:#112b50;background-size:200% 400%;color:#fafcfe;flex:1;padding-bottom:100px}.rightContainer{padding:1.6rem 1.4rem}.top{display:flex;justify-content:space-between}.location{font-size:1.8rem;font-weight:500}.time{font-size:1.4rem;font-weight:400}.currentWeather{display:flex;align-items:center;margin-top:2.6rem}.weatherIconContainer{height:5.4rem;width:5.4rem;margin-right:1rem}.weatherIconContainer>img{height:100%;width:100%}.currentTemperatureValueContainer{flex:1}.currentTemperature{margin:.4rem 1.2rem}.currentTemperature{display:flex;justify-content:space-between;align-items:center}.currentTemperatureValue{font-size:3rem;font-weight:400}.currentTemperatureMetric{font-size:2rem;font-weight:400}.temperatureDescription{font-size:1.4rem;font-weight:400}.horizontalLine{width:100%;height:1px;background-color:#445977;margin:1.6rem 0}.sunStageContainer{display:flex;align-items:center;margin-top:1.6rem;background-color:#294269;padding:1rem 1.2rem;border-radius:.6rem;border:1px #6180b9 solid}.sunIcon{margin-right:1.2rem;font-size:1.2rem}.col{flex:1}.sunStageTitle{color:#98989b;font-weight:400;font-size:.8rem}.sunTime{font-weight:500}.sunTimeRelative{font-size:.8rem;font-weight:400}.todayOverview{margin-left:30px}@media (max-width: 768px){.container{margin-left:0}.container header{flex-direction:column;margin:50px 0 0;justify-content:center}.wrapper{gap:50px;overflow:hidden;flex-direction:column}.date{margin-left:0}.right{width:100%}.row{flex-wrap:wrap}.container{max-width:100vw}.overviewProp{margin:.4rem 1.4rem .4rem 0}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}