@import url(https://fonts.googleapis.com/css?family=Roboto);body{margin:0;padding:0;font-family:sans-serif}body{font-family:Roboto,sans-serif;padding:0;margin:0;font-size:20px;overflow:hidden;background-color:#fff}#App,body{-webkit-box-sizing:border-box;box-sizing:border-box}#App{padding:.3em 1em 0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;height:100vh}#title{font-size:90%;font-weight:700;text-align:center;color:#444;margin-top:0;padding-top:0}#logo{position:absolute;top:.5em;right:1em;width:4em;height:2em;opacity:.7}#footer>div{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;font-size:70%;color:#888;padding:.3em 0}#footer a{color:#0c54bc}#buttons{margin-left:2em}button{font-weight:700;padding:.5em 0;width:5em;background-color:#45b4ea;color:#fff;border:none;border-radius:.3em;outline:0;font-size:60%}button:first-child{margin-right:.2em}button:hover{cursor:pointer;background-color:#0180a6}button:disabled:hover{cursor:default;background-color:#45b4ea}button:disabled{opacity:.5}.selected{background-color:#888;color:#fff;border-radius:.3em}.hidden{opacity:0}.hidden,.shown{-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}.shown{opacity:1}#sex-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:75%}#sex-container div{cursor:pointer;padding:.25em .5em;color:#444;border:1px solid #fff;-o-text-overflow:ellipsis;text-overflow:ellipsis}#sex-container div.selected{background-color:#fff;color:#333;border:1px solid #aaa;font-weight:700}#sex-container .legend{color:#666;font-weight:400;font-size:80%}#legend{margin-top:.5em}#timeline-container{-ms-flex-pack:justify;justify-content:space-between}#timeline-container,#timeline-container .timeline{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#timeline-container .timeline{-ms-flex-pack:end;justify-content:flex-end;font-size:60%}#timeline-container .timeline .year{padding:.5em;margin-left:1em;opacity:.5}#timeline-container .timeline .year:first-child{margin-left:0}#timeline-container .timeline .selected{background-color:#888;color:#fff;opacity:1}#timeline-container .timeline .year:hover{cursor:pointer}#charts-container{margin-top:.5em}#charts-container>div{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;margin:0}.chart{max-height:100%;padding:.5em}.chart .title .cat{font-size:70%;font-weight:400;text-align:center;margin:0;padding:0;color:#666;overflow-x:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.chart .title .age{font-size:65%;text-align:center;margin:0;padding:0;color:#888}.chart .title.pre1970 div{color:#eee}.chartDiv{padding:0;margin:0;margin-top:.85em}.chart svg{margin:0;padding:0}.chart .value-text{fill:#333;font-weight:700}.chart .nothing{fill:#ddd;opacity:.7}.chart .value-arc{opacity:.7}.chart .value-arc.cat-alap.male{fill:#b71c1c}.chart .value-arc.cat-alap.female{fill:#ef5350}.chart .value-arc.cat-szak.male{fill:#0d47a1}.chart .value-arc.cat-szak.female{fill:#42a5f5}.chart .value-arc.cat-erettsegi.male{fill:#1b5e20}.chart .value-arc.cat-erettsegi.female{fill:#66bb6a}.chart .value-arc.cat-felso.male{fill:#3e2723}.chart .value-arc.cat-felso.female{fill:#8d6e63}#App.year-2016 .chart.chart-selected{background-color:#ddd;border-radius:.5em .5em 0 0}#App.year-2016 .chart.chart-deselected{background-color:#fff;border-radius:.5em .5em 0 0}#App.year-2016 #info{background-color:#ddd;border-radius:0 0 .5em .5em}#App.year-2016 .chart.chart-selected .nothing{fill:#fff}#App.year-2016 .chart.chart-deselected .nothing{fill:#ddd}#App.year-2016 #info{font-size:70%;-ms-flex-pack:start;justify-content:flex-start}#App.year-2016 #info p{line-height:170%}#App.year-2016 #info.hidden{opacity:0}#App.year-2016 #info.hidden,#App.year-2016 #info.shown{-webkit-transition:opacity 0s;-o-transition:opacity 0s;transition:opacity 0s}#App.year-2016 #info.shown{opacity:1}#App.year-2016 #info em{font-weight:700;font-style:normal;font-size:120%}#App.year-2016 #info.cat-alap em{color:#b71c1c}#App.year-2016 #info.cat-szak em{color:#0d47a1}#App.year-2016 #info.cat-erettsegi em{color:#1b5e20}#App.year-2016 #info.cat-felso em{color:#3e2723}#info{font-size:90%;color:#333;padding:1 1em;height:90%;max-height:90%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;margin-bottom:.5em;background-color:#fff}#info p{line-height:150%;padding:.5em}#info p.publication{text-align:right;font-size:90%;line-height:40%}#info p.publication a{text-decoration:none;color:navy}#info .emph{font-size:120%;font-weight:700;font-style:normal;white-space:normal}#info .info-1920.emph{color:#b71c1c}#info .info-1960.emph{color:#3e2723}#info .info-1980.emph{color:#66bb6a}#info .info-1990.emph{color:#000;font-size:120%}#info .info-1970.emph{color:#0d47a1}#info .info-2001.emph{color:#8d6e63}#year-1920,#year-1960,#year-1970,#year-1980,#year-1990,#year-2001,#year-2016{border:1px solid hsla(0,0%,39%,.3);border-radius:.3em;background-color:hsla(0,0%,39%,.2)}#year-1930,#year-1941,#year-1949,#year-2011{border:1px solid hsla(0,0%,39%,.3);border-radius:.3em}#timeline-container .timeline #year-1990{margin-left:0}#year-rendszervaltas{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;margin-left:1em;padding:0;border:1px solid hsla(0,0%,39%,0);border-radius:.3em}@media screen and (max-height:499px){body{font-size:14px}}@media screen and (min-height:500px) and (max-height:699px){body{font-size:16px}}@media screen and (min-height:700px) and (max-height:999px){body{font-size:20px}}@media screen and (min-height:1000px){body{font-size:24px}}@media screen and (max-width:480px) and (max-height:450px){body{font-size:16px}#info{font-size:90%}#App.year-2016 #info p{line-height:170%}#buttons{margin-top:.1em}}@media screen and (min-width:599px) and (min-height:400px){body{font-size:20px}#timeline-container .timeline{-ms-flex-wrap:nowrap;flex-wrap:nowrap}#timeline-container,#timeline-container .timeline{-ms-flex-pack:end;justify-content:flex-end}}@media screen and (min-width:801px) and (min-height:400px){body{font-size:20px}}@media screen and (min-width:1000px) and (min-height:500px){body{font-size:22px}}@media screen and (min-width:1000px) and (min-height:600px){body{font-size:22px}#info{font-size:120%}#App.year-2016 #info{font-size:80%}}@media screen and (min-width:1201px) and (min-height:700px){body{font-size:22px}#info{font-size:150%}#App.year-2016 #info{font-size:110%}}@media screen and (min-width:1201px) and (min-height:800px){body{font-size:24px}#timeline-container .timeline{font-size:70%}#info{font-size:150%}#App.year-2016 #info{font-size:110%}#App.year-2016 #info p{line-height:170%}button{font-size:70%}#title{font-size:120%}}@media screen and (min-width:600px) and (max-width:700px) and (max-height:500px){body{font-size:18px}}@media screen and (min-width:701px) and (max-width:800px) and (max-height:500px){body{font-size:18px}#App.year-2016 #info p{line-height:170%;padding:.5em}#timeline-container{padding:0;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between}#info{font-size:100%}#App.year-2016 #info{font-size:75%}#info p{padding:.5em 0}}@media screen and (max-width:599px){#timeline-container .timeline{-ms-flex-wrap:nowrap;flex-wrap:nowrap}#timeline-container,#timeline-container .timeline{-ms-flex-pack:end;justify-content:flex-end}}@media screen and (max-width:419px){#timeline-container .timeline{-ms-flex-wrap:wrap;flex-wrap:wrap}#timeline-container,#timeline-container .timeline{-ms-flex-pack:end;justify-content:flex-end}}@media screen and (max-height:419px){body{font-size:12px}}@media screen and (height:420px) and (width:480px){body{font-size:16px}#timeline-container .timeline{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:end;justify-content:flex-end}#timeline-container{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:end;justify-content:flex-end;font-size:90%}#info{max-height:34%;margin-top:0}#App{-ms-flex-pack:start;justify-content:flex-start}}@media screen and (min-width:600px) and (max-width:700px) and (min-height:401px) and (max-height:550px){body{font-size:18px}}@media screen and (min-width:500px) and (min-height:400px) and (max-height:450px){body{font-size:15px}}
/*# sourceMappingURL=main.3f2ecd27.css.map*/