html,body,#root{width:100%;height:100%;margin:0;padding:0}.App{text-align:center}.App-logo{pointer-events:none;height:40vmin;animation:20s linear infinite App-logo-spin}.App-header{color:#fff;background-color:#282c34;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}.App-link{color:#61dafb}.menu-button-appear{opacity:0}.menu-button-appear.menu-button-appear-active{opacity:1;transition:opacity .6s ease-in}.logo-button-appear{opacity:0}.logo-button-appear.logo-button-appear-active{opacity:1;transition:opacity .2s ease-in}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar-thumb{visibility:hidden;opacity:0;transition:visibility 6s linear .3s,opacity 6s}:hover::-webkit-scrollbar-thumb{visibility:visible;opacity:1;transition:visibility 6s linear,opacity 6s}