.App{background-color:#1b1c1d;display:flex;flex-direction:row;align-items:center;width:100vw;height:100vh;position:relative;font-family:monospace}.navigation{position:absolute;left:30px;top:30px;display:block;position:fixed;z-index:999}.nav__item{margin:0;margin-bottom:.4rem;padding:0}svg{color:#fcf7f8;transition:.2s;cursor:pointer}svg:hover{fill:#274c77}.menu-item{font-size:2.2rem;margin:.75rem 0;font-weight:500;width:fit-content;padding:2px 5px;position:relative;color:#fcf7f8;transition:.3s;cursor:pointer}.menu-item:hover{color:#274c77}.highlight{position:absolute;top:50%;left:0;height:50%;z-index:-99;visibility:visible;width:100%;background-color:#274c7741;transition:all .3s ease-in-out}.unhighlight{width:0%;transition:all .3s ease-in-out}.active-algorithm{color:#274c77}@media (max-width: 600px){.menu-item{font-size:2rem;margin:.7rem 0}}@media (max-height: 500px){.menu-item{font-size:1.2rem;margin:.3rem 0}}.menu{width:35rem;height:100vh;background-color:#161719;position:absolute;top:-30px;left:-30px;color:#fcf7f8;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translate(-55rem);z-index:-999;transition:.5s}.menu.visible{visibility:visible;transform:translate(0)}@media (max-width: 600px){.menu{width:100vw}}.main{border:15px solid #161719;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh}.meta-data{display:flex;flex-direction:row;color:#fcf7f8;align-self:flex-start;position:absolute;top:27px;left:100px}.meta-data>.Tooltip-Wrapper,.meta-data>p{margin:5px 10px;font-size:.8rem;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.meta-data__algorithm{font-weight:600}.change-delay{cursor:pointer;transition:.1s}.change-delay:hover{color:#274c77}@media (max-width: 900px){.meta-data{flex-direction:column}}.visualization{display:flex;justify-content:center;align-items:flex-end;transition:.5s;margin:100px;height:400px;overflow:hidden}@media (max-width: 800px){.visualization{transform:rotate(90deg) scaleY(-.6)}}.element{width:.7em;background-color:#274c77;margin:1px}.active{background-color:#52b788}body{margin:0;padding:0;font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}