@import url(https://fonts.googleapis.com/css?family=Lato:400,400i,700&display=swap);body{margin:0;font-family:Work Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box;font-size:62.5%;position:relative;min-height:100%;font-family:Lato}*,:after,:before{box-sizing:inherit}.App .nav{width:100%;height:10vh;border-bottom:1px solid #000;align-items:center}.App .nav,.App .nav .nav-logo{display:flex;justify-content:center}.App .nav .nav-logo{width:16vw}.App .nav .nav-logo h1{margin:0;font-size:3.6rem}.App .nav .nav-buttons{width:84vw;display:flex;justify-content:center}.App .nav .nav-buttons .nav-button{margin:5px;padding:5px;border:2px solid grey;border-radius:5px;font-size:1.6rem;outline:none}.App .nav .nav-buttons .nav-button:hover{cursor:pointer}.App .dashboard{display:inline-flex}.App .dashboard .city-list-container .city-search{width:100%;font-size:1.6rem}.App .dashboard .city-list-container .srollable-list{width:16vw;max-height:86vh;overflow-y:scroll}.App .dashboard .city-list-container .srollable-list p{margin:0;padding:5px;font-size:1.6rem}.App .dashboard .city-list-container .srollable-list .city-list-card{padding-left:20px;border-radius:5px;margin:0 5px}.App .dashboard .city-list-container .srollable-list .city-list-card:hover{cursor:pointer;background-color:#d3d3d3}.App .dashboard .city-list-container .srollable-list::-webkit-scrollbar{background:transparent;width:.8rem}.App .dashboard .city-list-container .srollable-list::-webkit-scrollbar-thumb{background-color:#d3d3d3;border-radius:10px}.App .dashboard .dashboard-metrics{width:84vw;display:flex;flex-direction:column;max-height:90vh;overflow-y:scroll;padding:2rem}.App .dashboard .dashboard-metrics h1{text-align:center;font-size:3.2rem}.App .dashboard .dashboard-metrics .metrics-button-container{margin:1rem auto}.App .dashboard .dashboard-metrics .metrics-button-container .metrics-button{margin:5px;padding:5px;border:2px solid grey;border-radius:5px;font-size:1.6rem;outline:none}.App .dashboard .dashboard-metrics .metrics-button-container .metrics-button:hover{cursor:pointer}.App .dashboard .dashboard-metrics .overall-score{text-align:center;font-size:2.4rem;margin:auto}.App .dashboard .dashboard-metrics .summary{max-width:75%;margin:5px auto;font-size:1.4rem}.App .dashboard .dashboard-metrics .metrics-scores-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:60vh;padding-left:10%}.App .dashboard .dashboard-metrics .metrics-scores-container .metrics-score{display:flex;align-items:center;width:45%}.App .dashboard .dashboard-metrics .metrics-scores-container .metrics-score p{margin-left:10px;font-size:1.2rem}.App .dashboard .dashboard-metrics .metrics-scores-container .metrics-score .score-bar{position:relative;height:8px;width:140px;border-radius:50px;border:1px solid #000}.App .dashboard .dashboard-metrics .metrics-scores-container .metrics-score .score-bar .filler{background:#40f49d;height:100%;border-radius:inherit;-webkit-transition:width .2s ease-in;transition:width .2s ease-in}.App .dashboard .dashboard-metrics .dashboard-details{width:80%;margin:0 auto}.App .dashboard .dashboard-metrics .dashboard-details .dashboard-details-header-container{display:flex;align-items:center;justify-content:space-between;margin:5px;padding:5px;border:1px solid #d3d3d3}.App .dashboard .dashboard-metrics .dashboard-details .dashboard-details-header-container:hover{cursor:pointer}.App .dashboard .dashboard-metrics .dashboard-details .dashboard-details-header-container h3{font-size:2rem}.App .dashboard .dashboard-metrics .dashboard-details .dashboard-details-header-container p{font-size:1.2rem}.App .dashboard .dashboard-metrics .dashboard-details .detail-value-container{display:flex;width:95%;justify-content:space-between}.App .dashboard .dashboard-metrics .dashboard-details .detail-value-container p{margin-left:5%;font-size:1.4rem}.App .dashboard .dashboard-metrics .dashboard-details .detail-value-container .currency-container{width:6%;display:flex;justify-content:space-between}.App .dashboard .dashboard-metrics .chart-container{max-width:78vw;overflow-x:scroll;margin:auto}.App .dashboard .dashboard-metrics .chart-container::-webkit-scrollbar{background:transparent;height:.8rem}.App .dashboard .dashboard-metrics .chart-container::-webkit-scrollbar-thumb{background-color:#d3d3d3;border-radius:10px}.App .dashboard .dashboard-metrics .city-image{width:100%;margin-top:10%;padding-left:1%}.App .dashboard .dashboard-metrics .mapbox-container{height:400px;width:500px;margin:auto;border:2px solid}.App .dashboard .dashboard-metrics::-webkit-scrollbar{background:transparent;width:.8rem}.App .dashboard .dashboard-metrics::-webkit-scrollbar-thumb{background-color:#d3d3d3;border-radius:10px}.App .dashboard .landing{display:flex;justify-content:center;align-items:center}.App .dashboard .landing p{font-size:2.4rem}
/*# sourceMappingURL=main.88802e77.chunk.css.map */