:root{--color-white:#fff;--color-black:#000}.map #district-of-columbia:first-of-type{stroke-width:.1px!important}.states path{stroke-width:1.8px}.none{fill:#fbfaf3}.blue{fill:#5154fb}.red{fill:#bc504b}.blue.hovered{fill:rgba(81,84,251,.8)}.red.hovered{fill:rgba(188,80,75,.8)}.none.hovered{fill:rgba(217,200,130,.8)}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:62.5%}@media only screen and (max-width:62.5em){html{font-size:56.5%}}@media only screen and (max-width:37.5em){html{font-size:50%}}*,:after,:before{margin:0;padding:0;-webkit-box-sizing:inherit;box-sizing:inherit}body{font-size:2.4rem;height:100vh;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bar{font-family:"Fauna One",serif;line-height:1;font-weight:700;color:#d9c882}@media only screen and (max-width:50em){.bar{font-size:1.35em}}.bar__blue,.bar__none,.bar__red{color:hsla(0,0%,100%,.7)}.settings{font-family:"Playfair Display",serif;color:#5b5437}.settings__btn{font-family:"Fauna One",serif;font-size:2.2rem;line-height:1;font-weight:600;color:hsla(0,0%,100%,.8);text-align:center}.settings__btn--reset{font-weight:200}@media only screen and (max-width:62.5em){.settings__info{text-align:center}}.settings__text{font-size:3rem}@media only screen and (max-width:62.5em){.settings__text{font-size:2.4rem}}.settings__paragraph{font-size:2rem}.settings__heading{text-transform:capitalize;font-size:3rem;font-weight:600}@media only screen and (max-width:62.5em){.settings__heading{font-size:2.4rem}}.map{font-family:"Fauna One",serif;line-height:1;font-weight:700;color:rgba(0,0,0,.7)}.App{display:grid;grid-template-columns:[full-start settings-start] 1fr [settings-end map-start] 4fr [map-end full-end];grid-template-rows:-webkit-min-content;grid-template-rows:min-content;height:100vh;background-color:#fff}@media only screen and (max-width:62.5em){.App{grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}}@media only screen and (max-width:50em){.App{grid-template-rows:-webkit-min-content 3fr 1fr;grid-template-rows:min-content 3fr 1fr}}@media only screen and (max-width:37.5em){.App{grid-template-rows:-webkit-min-content -webkit-max-content 1fr;grid-template-rows:min-content max-content 1fr;-ms-flex-align:start;align-items:start}}.bar{grid-column:full-start/full-end;height:4vh}@media only screen and (max-width:50em){.bar{height:6vh}}@media only screen and (max-width:37.5em){.bar{height:8vh}}.settings{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content -webkit-min-content -webkit-min-content -webkit-min-content 1fr;grid-template-rows:min-content min-content min-content min-content min-content min-content 1fr;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;padding:3rem 3rem 2rem;-webkit-column-gap:4rem;-moz-column-gap:4rem;grid-column-gap:4rem;column-gap:4rem;grid-row-gap:2rem;row-gap:2rem;background-color:#fbfaf3;-ms-flex-align:start;align-items:start}@media only screen and (max-width:62.5em){.settings{grid-column:full-start/full-end;grid-row:3/4;-webkit-column-gap:2rem;-moz-column-gap:2rem;grid-column-gap:2rem;column-gap:2rem;grid-row-gap:1.5rem;row-gap:1.5rem;grid-template-rows:1fr 1fr;grid-template-columns:-webkit-min-content 1fr 1fr .8fr;grid-template-columns:min-content 1fr 1fr .8fr;-ms-flex-align:center;align-items:center}}@media only screen and (max-width:50em){.settings{grid-template-rows:1fr;grid-template-columns:1fr 1fr 1fr 1fr}}@media only screen and (max-width:37.5em){.settings{grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content -webkit-min-content -webkit-min-content 1fr;grid-template-rows:min-content min-content min-content min-content min-content 1fr;grid-template-columns:1fr 1fr;height:100%}}.settings__description{grid-column:1/-1}@media only screen and (max-width:62.5em){.settings__description{grid-column:2/4;grid-row:1/2;margin-left:1rem}}@media only screen and (max-width:50em){.settings__description{grid-column:1/-1;grid-row:1/2}}.settings__info{grid-column:1/-1}@media only screen and (max-width:62.5em){.settings__info{grid-column:4/5;grid-row:1/3;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-width:100%;min-height:75%;padding:1rem;background-color:#fff;border:2px solid #d9c882}}@media only screen and (max-width:50em){.settings__info{grid-column:2/4;grid-row:2/4}}@media only screen and (max-width:37.5em){.settings__info{grid-column:1/-1;grid-row:2/4}}.settings__footer{margin-top:auto;grid-column:1/-1}@media only screen and (max-width:62.5em){.settings__footer{grid-column:5/6;grid-row:1/3;margin-top:0}}@media only screen and (max-width:50em){.settings__footer{grid-column:1/-1;grid-row:4/5}}@media only screen and (max-width:37.5em){.settings__footer{grid-column:1/-1;grid-row:6/7;margin-top:auto}}.settings hr{grid-column:1/-1;border:1px solid #d9c882;border-radius:50%;opacity:1}@media only screen and (max-width:62.5em){.settings hr{display:none}}.map-container{height:100%;width:100%;padding:3rem 2.5rem 2.1rem;overflow:hidden}@media only screen and (max-width:62.5em){.map-container{grid-column:full-start/full-end}}@media only screen and (max-width:37.5em){.map-container{height:85vw;padding:3rem 1rem 2.1rem}}.socials{display:-ms-flexbox;display:flex;-ms-flex-pack:space-evenly;justify-content:space-evenly}@media only screen and (max-width:62.5em){.socials{display:grid;grid-row-gap:3rem;row-gap:3rem}}@media only screen and (max-width:50em){.socials{display:-ms-flexbox;display:flex;-ms-flex-pack:space-evenly;justify-content:space-evenly}}.bar{background-color:#d9c882;display:grid;position:relative}@media only screen and (max-width:37.5em){.bar{font-size:1.9rem}}.bar:before{content:"";position:absolute;top:0;left:50%;width:2px;height:140%;border-radius:10px;background-color:currentColor;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:0}.bar:after{content:attr(data-winner);position:absolute;font-size:1.6rem;top:145%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}@media only screen and (max-width:50em){.bar:after{font-size:2.55rem}}.bar__blue:after,.bar__none:after,.bar__red:after{content:attr(data-content);position:absolute;top:47.5%}.bar__blue{position:relative;background-color:#5154fb}.bar__blue:after{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);right:10%}@media only screen and (max-width:50em){.bar__blue:after{right:5%}}@media only screen and (max-width:37.5em){.bar__blue:after{right:-2%}}.bar__red{position:relative;background-color:#bc504b}.bar__red:after{-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%);left:10%}@media only screen and (max-width:50em){.bar__red:after{left:5%}}@media only screen and (max-width:37.5em){.bar__red:after{left:-2%}}.bar__none{position:relative}.bar__none:after{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%}.settings{border-right:2px solid #d9c882}@media only screen and (max-width:62.5em){.settings{border-right:none;border-top:2px solid #d9c882}}.settings__btn{cursor:pointer;padding:1rem;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.settings__btn--blue{background-color:#5154fb}@media only screen and (max-width:62.5em){.settings__btn--blue{grid-column:1/2}}.settings__btn--blue:hover{background-color:rgba(81,84,251,.8)}.settings__btn--red{background-color:#bc504b}@media only screen and (max-width:62.5em){.settings__btn--red{grid-column:1/2}}.settings__btn--red:hover{background-color:rgba(188,80,75,.8)}.settings__btn--selected{border:1rem solid #d9c882}.settings__btn--selected:hover{outline:none;z-index:20}.settings__btn--unselected{outline:0 solid rgba(0,0,0,0);border:1rem solid #fbfaf3}.settings__btn--unselected:hover{outline:1rem solid #d9c882;z-index:20}.settings__btn--unselected:active{-webkit-transition:outline .25s cubic-bezier(.83,.23,1,.25) 0s,border .2 .5s;-o-transition:.25s outline 0s cubic-bezier(.83,.23,1,.25),.2 border .5s;transition:outline .25s cubic-bezier(.83,.23,1,.25) 0s,border .2 .5s;outline:1px solid #d9c882;border:1rem solid #d9c882}.settings__btn--visualize{grid-column:1/-1;justify-self:center;background-color:#5b5437;padding:1.5rem 2rem}@media only screen and (max-width:62.5em){.settings__btn--visualize{grid-column:2/3;grid-row:2/3;padding:1rem;justify-self:end}}@media only screen and (max-width:50em){.settings__btn--visualize{grid-column:4/5;grid-row:2/3;justify-self:stretch}}@media only screen and (max-width:37.5em){.settings__btn--visualize{grid-column:2/3;grid-row:4/5;justify-self:stretch}}.settings__btn--visualize:hover{background-color:rgba(91,84,55,.8)}.settings__btn--reset{grid-column:1/-1;justify-self:center;border:2px solid #988c5b;color:#988c5b;padding:1rem 1.5rem;margin:.5rem 0 1rem}@media only screen and (max-width:62.5em){.settings__btn--reset{grid-row:2/3;grid-column:3/4;justify-self:start}}@media only screen and (max-width:50em){.settings__btn--reset{grid-column:4/5;grid-row:3/4;justify-self:center}}@media only screen and (max-width:37.5em){.settings__btn--reset{grid-column:2/3;grid-row:5/6;justify-self:center;padding:.75rem 5.5rem}}.settings__btn--reset:hover{background-color:#d9c882;color:#fbfaf3}.settings__btn--reset:active{background-color:#988c5b;color:#fbfaf3;border-color:#5b5437}.map__state{stroke-linejoin:round;stroke-width:.971px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;cursor:pointer}.map__state--default{stroke:#988c5b}.map__state--default.blue:hover{fill:rgba(81,84,251,.8)}.map__state--default.red:hover{fill:rgba(188,80,75,.8)}.map__state--default.none:hover{fill:rgba(217,200,130,.6)}.map__line,.map__state--visualize{stroke:#5b5437}.map__line{stroke-width:.5px}.socials{cursor:pointer}.socials__icon{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;fill:#5b5437;height:3.5rem;width:3.5rem;z-index:100}.socials__icon:hover{fill:#988c5b}.socials a{height:3.5rem;position:relative;z-index:1;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
/*# sourceMappingURL=main.2660e340.chunk.css.map */