body{background:url(/static/media/family_tree.24100c03.jpg);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;height:100%}.App,.tree{width:100%}.tree{position:relative;min-height:100vh;background-color:rgb(255 255 255/92%);padding:0 17px 35px;margin:0 auto;overflow-x:scroll;box-shadow:inset -1px 0 8px 0 #000}.tree a{position:absolute;left:0;top:0}.tree h1{font-family:"Fredericka the Great",cursive;text-align:center;padding:40px 0 0;color:#1163dd;font-size:50px;margin:0}#playIcon{position:absolute;left:6%;height:20px;width:20px;z-index:1003;color:rgba(0,0,0,.05)}@media screen and (min-width:768px){.tree{min-height:900px;background-color:rgb(255 255 255/92%);padding:0 30px 35px;width:100%;box-shadow:inset -1px 0 8px 0 #000}}@media screen and (min-width:1000px){.tree{min-height:900px;width:90%}}@media screen and (min-width:1400px){.tree{min-height:900px;width:80%}}.isAncestor{display:flex;align-items:center;width:100%;min-height:600px}.isAncestor+.borderDiv{display:none}.isAncestor>.labelNameDiv{padding-left:0;padding-right:4%}h4{height:100%}.labelNameDiv,h4{display:flex;justify-content:center;flex-direction:column}.isChildren .labelNameDiv{padding-left:14px;padding-right:3%}.childLabelDiv,.spouseLabelDiv{display:flex;align-items:center;min-width:114px;padding:3px 0}.ui.header{margin:0;padding-left:2px}h4.ui.blue.header.treeh4{white-space:nowrap}.ui.horizontal.label{display:inline-block;min-width:73px}.isChildren{display:flex;justify-content:center;flex-direction:column;transition:opacity .5s;padding-right:10px}.hide{opacity:0}.isAncestor .minimizer,.isChildren .minimizer{color:grey;position:absolute;top:50%;z-index:1001;left:-7px;cursor:pointer}.pointerDiv{width:91px;height:3px;position:absolute;top:50%;left:130px;border-top:3px solid #2196f3;display:none}.hasChildren{display:flex;flex-direction:row;align-items:center}.noChildren{display:flex;flex-direction:column;justify-content:center}.parentToBorder{padding:30px 0}.hasChildren,.parentToBorder{position:relative}.parentToBorder>.borderDiv{border-top:3px solid #2196f3;top:50%}.lastChild>.borderDiv,.parentToBorder>.borderDiv{position:absolute;border-left:3px solid #2196f3;width:14px;left:0;height:50%}.lastChild>.borderDiv{top:0;border-bottom:3px solid #2196f3;border-top:none}.noSiblings>.borderDiv{display:none}.borderDiv2{height:50%;width:14px;position:absolute;top:0;border-bottom:none;border-left:3px solid #2196f3}.treeKey{height:auto}#keyHeader{text-align:center;margin:-4px -7px 0;border-radius:5px 5px 0 0;background-color:gold;padding:3% 0;display:none}div#itemLabelMine{align-self:center}#keyGenerationColors #colorSelectorMine{margin:0;padding:0}#keyGenerationColors #colorSelectorMine .item{width:auto;padding:5px;border-radius:50%;margin:3px}#minimizerIcons{display:flex;justify-content:space-evenly;align-items:center}@media screen and (min-width:768px){.treeKey{border-radius:5px;padding:0 .3%}#keyGenerationColors .item{padding:0 7px 0 0}div#itemLabelMine{text-align:center}}@media screen and (min-width:1000px){.treeKey{height:162px;width:26%;min-width:175px;position:absolute;top:1%;right:7%;border-radius:5px;padding:0 .3% 9%}}@-webkit-keyframes scrollMessageFadeOut{0%{opacity:0}10%{opacity:1;visibility:visible}90%{opacity:1}to{opacity:0}}@keyframes scrollMessageFadeOut{0%{opacity:0}10%{opacity:1;visibility:visible}90%{opacity:1}to{opacity:0}}.overScrollMessageDiv{position:absolute;right:2%;top:25%;width:43%;z-index:33211;opacity:0;visibility:hidden;transition:opacity 1s}.overScrollMessage{display:flex;text-align:center;background-color:#297cc3;color:#fff;font-weight:bolder;padding:1.25%;border-radius:17px;z-index:1002}.overScrollMessage p{line-height:2.4em;padding:0 4%}.scrollRightGif{width:50%;height:159px;border-radius:16px}.overScrollMessage:after{position:absolute;content:"";background:#297cc3;height:20px;width:20px;transform:rotate(45deg);top:93%;left:6%}i.close.icon{left:12px;top:0;z-index:10009;background:transparent;padding:1%;color:rgba(0,0,0,.76);opacity:0}#questionCircleIcon,i.close.icon{position:absolute;visibility:hidden;cursor:pointer}#questionCircleIcon{right:2%;z-index:10000;font-size:1.5em;color:grey}@media screen and (min-width:1000px){.overScrollMessageDiv,i.close.icon{-webkit-animation:scrollMessageFadeOut;animation:scrollMessageFadeOut;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:8s;animation-duration:8s}#questionCircleIcon{visibility:visible}#questionCircleIcon:hover+div{visibility:visible;opacity:1}}@-webkit-keyframes demoBoxLeftPointer{0%{opacity:0}10%{opacity:1;visibility:visible}90%{opacity:1}to{opacity:0}}@keyframes demoBoxLeftPointer{0%{opacity:0}10%{opacity:1;visibility:visible}90%{opacity:1}to{opacity:0}}.demoBoxLeftPointer{opacity:0;visibility:hidden;position:absolute;z-index:11221;top:12px;right:50%}@-webkit-keyframes leftPointerAnimation{0%{opacity:1;visibility:visible;transform:translate(0)}40%{transform:translate(0)}50%{transform:translate(-223px,65px)}90%{opacity:1;transform:translate(-223px,65px)}to{opacity:0;transform:translate(-223px,65px);visibility:hidden}}@keyframes leftPointerAnimation{0%{opacity:1;visibility:visible;transform:translate(0)}40%{transform:translate(0)}50%{transform:translate(-223px,65px)}90%{opacity:1;transform:translate(-223px,65px)}to{opacity:0;transform:translate(-223px,65px);visibility:hidden}}i#pointLeftHandDemoBox{position:absolute;visibility:hidden;z-index:1223}@-webkit-keyframes leftPointerMessage{0%{transform:scale(0)}10%{transform:scale(1)}90%{transform:scale(1)}to{transform:scale(0)}}@keyframes leftPointerMessage{0%{transform:scale(0)}10%{transform:scale(1)}90%{transform:scale(1)}to{transform:scale(0)}}.leftPointerMessage1{z-index:12321;left:100px;top:-59px}.leftPointerMessage1,.leftPointerMessage2{position:absolute;transform:scale(0);width:189px;text-align:center;background-color:#297cc3;color:#fff;font-size:1.1em;font-weight:900;letter-spacing:2px;padding:13px 28px;border-radius:10px}.leftPointerMessage2{z-index:12214;left:-16px;top:17px}@media screen and (min-width:768px){.demoBoxLeftPointer{-webkit-animation:demoBoxDownPointer;animation:demoBoxDownPointer;animation-duration:10s;animation-delay:4s}.demoBoxLeftPointer,i#pointLeftHandDemoBox{-webkit-animation-duration:10s;-webkit-animation-delay:4s}i#pointLeftHandDemoBox{-webkit-animation-name:leftPointerAnimation;animation-name:leftPointerAnimation;animation-duration:10s;animation-delay:4s}.leftPointerMessage1{-webkit-animation-delay:4s;animation-delay:4s}.leftPointerMessage1,.leftPointerMessage2{-webkit-animation-name:leftPointerMessage;animation-name:leftPointerMessage;-webkit-animation-duration:5s;animation-duration:5s}.leftPointerMessage2{-webkit-animation-delay:9s;animation-delay:9s}}@-webkit-keyframes demoBoxDownPointer{0%{opacity:0}10%{opacity:1;visibility:visible}90%{opacity:1}to{opacity:0}}@keyframes demoBoxDownPointer{0%{opacity:0}10%{opacity:1;visibility:visible}90%{opacity:1}to{opacity:0}}.demoBoxDownPointer{opacity:0;z-index:12221;visibility:hidden;position:fixed}#pointDownHandDemoBox{position:absolute;z-index:12121;top:-33px;left:-10px;margin:0}@-webkit-keyframes downPointerMessage{0%{transform:scale(0)}10%{transform:scale(1)}90%{transform:scale(1)}to{transform:scale(0)}}@keyframes downPointerMessage{0%{transform:scale(0)}10%{transform:scale(1)}90%{transform:scale(1)}to{transform:scale(0)}}.downPointerMessage{position:absolute;z-index:1221;transform:scale(0);left:100px;width:189px;text-align:center;background-color:#297cc3;color:#fff;font-size:1.1em;font-weight:900;letter-spacing:2px;padding:13px 28px;border-radius:10px;white-space:normal}@media screen and (min-width:768px){#pointDownHandDemoBox,.demoBoxDownPointer{-webkit-animation:demoBoxDownPointer;animation:demoBoxDownPointer;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-delay:14s;animation-delay:14s}.downPointerMessage{-webkit-animation-name:downPointerMessage;animation-name:downPointerMessage;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-delay:14s;animation-delay:14s}}#ul:first-child{padding:10px 0 0 30px}#ul,#ul:first-child{list-style-type:none;margin:1em 0}#ul{padding:10px 0 0 40px;border-left:2px solid #000}#ul .item{width:100%;position:relative}#ancestorChildren,#formChildrenRows{display:flex;align-items:center}#item .red{margin-left:10px}.button.olive{border:1px solid rgba(0,0,0,.158)}.ui.button{cursor:pointer}.ui.button:disabled{pointer-events:auto!important;cursor:not-allowed}#item i{margin:0}.ui .label.spouseLabel{margin-left:10px}.checkbox.container{display:inline-flex;flex-direction:column;align-items:center;position:relative;white-space:nowrap;cursor:pointer}.checkbox.container input{cursor:pointer}.checkbox.container .ui.addSpouseLabel{color:purple;background-color:transparent;border:none;margin-bottom:2px}.limitMessage{color:#fff;background-color:#297cc3;width:200px;padding:5px;border-radius:22px;text-align:center;margin-left:79px}body ::-webkit-scrollbar-thumb{background-color:#297cc3;height:30px}@media screen and (min-width:768px){.checkbox.container{top:-5px}}@media screen and (min-width:1000px){.checkbox.container{top:-4px}.limitMessage{width:25%;padding:5px;margin-left:70px}}@-webkit-keyframes welcomeMessage{0%{transform:scale(0)}10%{transform:scale(1)}90%{transform:scale(1)}to{transform:scale(0)}}@keyframes welcomeMessage{0%{transform:scale(0)}10%{transform:scale(1)}90%{transform:scale(1)}to{transform:scale(0)}}.welcomeMessage{position:absolute;transform:scale(0);top:25%;left:0;right:0;margin-left:auto;margin-right:auto;z-index:333;width:300px;text-align:center;background-color:#297cc3;color:#fff;text-shadow:3px 2px 20px #f0f8ff;font-size:2.1em;line-height:2.1em;font-weight:900;letter-spacing:2px;padding:13px 28px;border-radius:10px}@media screen and (min-width:768px){.welcomeMessage{-webkit-animation-name:welcomeMessage;animation-name:welcomeMessage;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:1s;animation-delay:1s}}.ancestorEnter{width:100%;position:relative;padding:0 12px 62px;overflow-x:scroll;margin:0 auto;background-color:hsla(0,0%,100%,.281)}.formHeader{text-align:center;padding:23px;color:#1163dd;margin-bottom:20px;border-radius:5px}.formHeader h1{font-family:"Fredericka the Great",cursive;font-size:50px;padding:1%}@-webkit-keyframes stopInstructionsBtnAni{0%{opacity:0}10%{opacity:1;visibility:visible}90%{opacity:1}to{opacity:0}}@keyframes stopInstructionsBtnAni{0%{opacity:0}10%{opacity:1;visibility:visible}90%{opacity:1}to{opacity:0}}#stopInstructionsBtn{position:absolute;opacity:0;visibility:hidden;z-index:1010;cursor:pointer}@media screen and (min-width:768px){.ancestorEnter{padding:0 30px 35px}.formHeader{text-align:left}.formHeader h1{width:auto}#stopInstructionsBtn{-webkit-animation-name:stopInstructionsBtnAni;animation-name:stopInstructionsBtnAni;-webkit-animation-duration:16s;animation-duration:16s;-webkit-animation-delay:2s;animation-delay:2s;top:20px;right:40px}}@media screen and (min-width:1000px){.ancestorEnter{width:90%;padding:0 30px 35px}#stopInstructionsBtn{right:0;left:0;margin:0 auto;top:20px}}@media screen and (min-width:1400px){.ancestorEnter{width:80%}}body{margin:0}
/*# sourceMappingURL=main.597486a5.chunk.css.map */