body{font-family:Josefin Sans,sans-serif}.app{display:flex}.line{background:#000;width:2px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.navigation-container{background:#f5f5f5;display:flex;flex-direction:column;height:100vh;justify-content:space-evenly;padding:1em;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navigation-container .logo-img{width:100px}.navigation-container .how-work{cursor:pointer}.navigation-container .traversals-menu-container{position:relative;z-index:2}.navigation-container .traversals-menu-container .traversals-menu{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:slide-right;animation-name:slide-right;background:#f5f5f5;border-radius:0 10px 10px 0;left:0;padding:1em;position:absolute;top:-100%;z-index:1}@-webkit-keyframes slide-right{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(calc(110% + 1em));transform:translateX(calc(110% + 1em))}}@keyframes slide-right{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(calc(110% + 1em));transform:translateX(calc(110% + 1em))}}.button-container button{background:transparent;border:1px solid #000;cursor:pointer;font-family:Josefin Sans,sans-serif;margin:1em 0;padding:1em}.button-container button:focus{outline:none}.input-field-container input{background:transparent;border:1px solid #000;font-family:Josefin Sans,sans-serif;padding:1em}.input-field-container input:focus{outline:none}.home-page-container{align-items:center;text-align:center}.home-page-container,.home-page-container .visual-area{display:flex;height:100%;justify-content:center;width:100%}.home-page-container .visual-area{margin-top:3em}.home-page-container .node-creator{background:#f5f5f5;border-left:5px solid #8d99ae;font-size:1.3em;height:100%;padding:1em;position:absolute;right:0;top:0;width:230px}.home-page-container .node-creator .write-area{overflow:auto}.node-container{align-items:center;-webkit-animation-duration:.2s;animation-duration:.2s;background:orange;border-radius:50%;color:#f5f5f5;display:flex;height:50px;justify-content:center;position:absolute;text-align:center;transition:all .2s;width:50px;z-index:1}.node-container,.node-container p{-webkit-animation-name:pop-up;animation-name:pop-up}.node-container p{-webkit-animation-duration:.27s;animation-duration:.27s}.about-container{background:#f5f5f5;border-radius:10px;left:50%;padding:2em;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}.about-container .about-text{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:pop-up;animation-name:pop-up}@-webkit-keyframes pop-up{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop-up{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.blur-container{background:rgba(0,0,0,.5);bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}
/*# sourceMappingURL=main.3217dea7.css.map*/