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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{height:100vh}.side-nav{padding:30px 0;height:100%;background-color:#1e213a;width:450px;color:#fff;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;text-align:center}.side-nav-details{display:grid;-webkit-justify-content:space-between;justify-content:space-between}.search{position:relative}.search,.search-form{margin:20px 0 60px;right:0}.search-btn{background:none;position:absolute;right:0;top:18px;cursor:pointer;color:#fff;padding:8px;background-color:#040475}.weather-image{margin:0 0 20px}.temp{font-size:100px}.condition,.temp{font-family:"Raleway",sans-serif}.condition{font-size:25px;color:#fff}.current-date{font-size:15px;font-family:"Raleway",sans-serif}.location{bottom:25px;margin-top:20px;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;text-align:center;font-family:"Raleway",sans-serif;color:#fff}.home,.location{display:-webkit-flex;display:flex}.home{height:100vh}.main-div{height:100%;background-color:#0f0e1d;width:calc(100vw - 450px);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:42px 0 28px;overflow-y:auto}.details{width:50vw;min-height:95%}.daily-div{margin-top:25px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around;overflow-x:auto;border-radius:25px}.daily{background-color:#1e213a;padding:24px 20px 8px;width:120px;color:#fff;text-align:center;margin-bottom:10px;font-family:"Raleway",sans-serif}.daily :first-child,.daily :nth-child(2),.daily :nth-child(3){padding-bottom:16px}.daily :nth-child(3) :nth-child(2){font-size:18px;color:#cacaca}.daily-highlights{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around;-webkit-flex-flow:wrap;flex-flow:wrap;padding:0 0 20px}.highlights{background-color:#1e213a;padding:25px 0;width:350px;color:#fff;text-align:center;margin-bottom:20px;font-family:"Raleway",sans-serif;border-radius:25px}.highlights :first-child{padding-bottom:8px}.highlights :nth-child(3){padding-top:8px}.highlights :nth-child(2) :first-child{font-size:60px;font-weight:600;padding-right:5px}.highlights :nth-child(2) :nth-child(2){font-size:28px}.units{border-radius:50%;background-color:#fff;color:#000;padding:8px 10px}.footer{padding:0 0 30px;font-size:16px;font-family:"Raleway",sans-serif;color:#fff;bottom:0;text-align:center}@media only screen and (max-width:920px){.home{display:-webkit-flex;display:flex;height:100%}.side-nav{background-color:#1e213a;width:100vw;color:#fff}.search{margin:20px 0 80px}.weather-image{margin:0 0 50px}.temp{margin:0 0 130px;font-size:70px;font-family:"Raleway",sans-serif}.condition{font-size:20px;color:#fff}.condition,.current-date{margin:0 0 20px;font-family:"Raleway",sans-serif}.current-date{font-size:12px}.location{bottom:25px;margin-top:20px;-webkit-align-items:center;align-items:center;text-align:center;font-family:"Raleway",sans-serif;color:#fff}.location,.main-div{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.main-div{height:100%;background-color:#0f0e1d;width:100vw;padding:50px}.details{width:60vw}.daily-div{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around;overflow-x:auto}.daily{background-color:#1e213a;color:#fff;text-align:center}.daily-highlights{display:-webkit-flex;display:flex;grid-gap:20px;gap:20px}.highlights{background-color:#1e213a;height:180px;color:#fff;font-family:"Raleway",sans-serif;padding:18px}.units{border-radius:50%;background-color:#fff;color:#000;padding:8px 10px}.home{display:grid}}@media only screen and (max-width:1320px){.main-div{overflow-y:auto;padding:20px 5px}.daily-highlights{display:-webkit-flex;display:flex;grid-gap:20px;gap:20px}.highlights{background-color:#1e213a;height:180px;color:#fff;font-family:"Raleway",sans-serif;padding:18px}}
/*# sourceMappingURL=main.de080b77.chunk.css.map */