@import url(https://fonts.googleapis.com/css2?family=Unbounded:wght@200;400;600&display=swap);@import url(https://fonts.cdnfonts.com/css/futura-pt);body{margin:0;padding: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}h1,h2{font-family:Unbounded,serif}p{font-family:futura-pt,sans-serif}.App-logo{-webkit-animation:App-logo-spin 15s linear infinite;animation:App-logo-spin 15s linear infinite;height:40vmin}.App-header{background-color:#2d2d2d;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@keyframes App-logo-spin{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.map{background:#2b2f77;background:radial-gradient(circle,#2b2f77 0,#141852 50%,#070b34 100%);padding:1rem 2rem;box-sizing:border-box;height:100vh;min-height:100vh;overflow:hidden;display:flex;align-items:center;position:relative}.map h2,.map h3,.map h4,.map p,.map span{font-family:"Unbounded",sans-serif;margin:0;padding:0}.map .cols{display:flex}.map .info-container{width:40vw;flex-direction:column;align-items:center;display:flex}.map .special-wards-map{width:60vw;height:100%;position:relative}.map .special-wards-map svg{width:50vw;padding:0 3vw;pointer-events:none;position:absolute;top:0;left:0}.map h1{top:1rem;left:1rem;font-weight:600;position:absolute;color:#fff}.map g[id],.map path[id]{transition:all .1s ease-in-out;pointer-events:auto}.map g[id]._visited path,.map path[id]._visited{fill:transparent}.map g[id]:hover path,.map path[id]:hover{fill:#00ccfd;stroke-color:#fff;cursor:pointer}.map g[id]._active path,.map path[id]._active{fill:#ff34b3;stroke-color:#fff}.map g[id]._visited:hover path,.map path[id]._visited:hover{fill:rgba(0,0,0,.01);stroke-color:#fff;cursor:pointer}.map .explainer{font-family:Futura;color:#666;padding:0 0 2rem}.map .district{box-sizing:border-box;padding:30px;background:#f5f2f2;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:17px;display:flex;flex-direction:column;align-items:center}.map .district__header{height:115px;width:100%;display:flex;position:relative}.map .district__header h3{background:#fff;box-shadow:0 2px 2px rgba(0,0,0,.25);border-radius:0 0 8px 8px;margin:0 0 0 30px;padding:5px;line-height:110%;box-sizing:border-box;position:absolute;width:40px;top:-30px;right:-10px;font-size:24px;font-weight:600;color:#000}.map .district__description{margin-top:32px;display:flex;flex-direction:column;text-align:left}.map .district__description>span{font-size:12px;line-height:14px;text-transform:uppercase;color:#b7b7b7;margin-bottom:12px}.map .district__description>div{margin-bottom:20px}.map .district__description>div h4{font-size:24px;line-height:29px;font-weight:400}.map .district__description>div h4 span{font-size:24px;line-height:29px;font-weight:600;color:#000;margin-right:8px}.map .district__description>div p{font-size:16px;line-height:19px;color:#494949;font-weight:400;margin-top:4px}.map .district__footer{padding-top:16px;display:flex;text-align:left;border-top:1px solid #b5b5b5}.map .district__footer>div span{font-size:12px;line-height:14px;text-transform:uppercase;color:#b7b7b7;margin-bottom:6px}.map .district__footer>div p{font-size:16px;line-height:19px;color:#000;font-weight:400;margin-top:4px}.map .district__footer>div:nth-of-type(2){margin-left:16px}.map .district h2{font-size:72px;font-weight:400;margin:0}.map .district p{font-size:18px;font-weight:200;margin:0}.map .flip-card{width:100%;height:100%;-webkit-perspective:1000px;perspective:1000px;position:relative}.map .flip-card>div{width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .25s}.map .flip-card._active>div{-webkit-animation:cardFlip .2s;animation:cardFlip .2s}@-webkit-keyframes cardFlip{0%{-webkit-transform:rotate(0deg) rotateY(180deg);transform:rotate(0deg) rotateY(180deg)}50%{-webkit-transform:rotate(-10deg) rotateY(90deg);transform:rotate(-10deg) rotateY(90deg)}to{-webkit-transform:rotate(0deg) rotateY(0deg);transform:rotate(0deg) rotateY(0deg)}}@keyframes cardFlip{0%{-webkit-transform:rotate(0deg) rotateY(180deg);transform:rotate(0deg) rotateY(180deg)}50%{-webkit-transform:rotate(-10deg) rotateY(90deg);transform:rotate(-10deg) rotateY(90deg)}to{-webkit-transform:rotate(0deg) rotateY(0deg);transform:rotate(0deg) rotateY(0deg)}}.map h2{margin:16px 0 8px;font-family:"Unbounded",sans-serif}.map .twitter{margin:0 auto;position:absolute;bottom:3px;right:3px}.map .twitter a{display:flex;color:#dedede;text-decoration:none;text-transform:lowercase;font-family:Futura;padding:5px}.map .twitter a svg{width:30px;stroke:#c8c8c8;fill:none}.map .twitter:hover a,.map .twitter:hover svg{fill:#fff;color:#fff}@media only screen and (max-width:600px){.map{padding:2.5rem 2rem 0;height:auto;flex-direction:column}.map .district h2{font-size:36px}.map h1{top:1rem;left:1rem;font-size:1rem;margin-top:0}.map .special-wards-map{width:115%;height:50vh}.map .special-wards-map svg{width:90vw;height:50vh}.map .info-container{margin-top:8px;height:auto;width:90vw}.map .twitter a span{display:none}.map .twitter a svg{width:20px;padding:0}.map g[id]._active path,.map path[id]._active{fill:transparent;stroke-color:#fff}}
/*# sourceMappingURL=main.4c5ac360.chunk.css.map */