@import url(https://fonts.googleapis.com/css?family=Roboto);body{margin:0;padding:0;font-family:sans-serif}#root,.app,.main,body,html{margin:0;padding:0;height:100%;overflow:auto;overflow-x:hidden}body{margin:0 1em}#logo{right:10px}#logo,#mikrologo{position:fixed;top:5px}#mikrologo{left:10px}#logo img{width:7em;height:2.8em;opacity:.4}#mikrologo img{width:6em}.app{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:stretch;align-content:stretch;-ms-flex-align:stretch;align-items:stretch}.top{border:0 solid red;-ms-flex-order:0;-ms-flex:0 0 45vh;flex:0 1 45vh;-ms-flex-item-align:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}.bottom,.top{order:0;align-self:auto}.bottom{border:0 solid green;-ms-flex-order:0;-ms-flex:1 0 45vh;flex:0 1 45vh;-ms-flex-item-align:auto;overflow:hidden}.bottom>div{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%}.footer{-ms-flex-order:0;order:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-item-align:auto;align-self:auto}.settlement,.timeline{width:50%;height:100%}.family{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:50%}.button{cursor:pointer}.buttons{color:#888}.button:hover{background-color:#666;color:#fff}.button.active{background-color:#888;color:#fff}.buttons .kidButton .button{display:inline-block;padding:0 1em;line-height:200%}.buttons>div{padding:.2em .5em;border:1px solid #ddd;margin-bottom:.2em;font-size:90%}.buttons{min-width:10em;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.buttons .kidText{text-align:center;padding:0 .2em}.buttons .kidButton{margin-top:.5em;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}.buttons .kidButton,.counters{display:-ms-flexbox;display:flex}.counters{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:25%}#familyConfig{outline:0 solid #000}.counter{text-align:center;padding:1em}.counter .value{font-weight:700;font-size:130%;color:#33691e}.familyTitle{font-size:150%;text-align:center}.family .counter div,.familyTitle{color:#33691e}.family .counter .value{font-size:180%}.family .counter .label{font-size:100%}.counter .label{font-size:90%;color:#888}.familyConfig .members .member.kid{fill:#2196f3}.familyConfig .members .member.female .body,.female.body{fill:#ad0355}.familyConfig .members .member.female .extra{fill:#fff}.familyConfig .members .member.male .body,.male.body{fill:#0d47a1}.extra,.familyConfig .members .member.male .extra{fill:#fff}.firstPage{height:100%;overflow:hidden}.firstPage>.types{text-align:center;margin-top:2em}.parents{display:inline-block;cursor:pointer;text-align:center;margin:0 2em 2em 0;width:25vw}.parents:hover{outline:2px solid #ddd}.parents svg{height:30vh;width:100%}.parents .label{text-align:center;color:#888;padding:.5em 2em}h1{text-align:center;font-size:120%;font-weight:400}@media (min-width:1200px){.family .counter .value{font-size:150%}.counter .value{font-size:110%}.family .counter .label{font-size:100%}.buttons>div{font-size:80%}}@media (max-width:500px){.app{font-size:75%}body{margin:0}.bottom{-ms-flex:0 1 60vh;flex:0 1 60vh}.counter .value{font-size:150%}.family .counter .label{font-size:125%}.parents{width:30vw;height:30vh}#mikrologo img{width:4em}}
/*# sourceMappingURL=main.c770343d.css.map*/