#root{margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.nav-bar{min-height:75px;display:flex;justify-content:center}.app-content{flex:1;padding:20px}html,body{overflow:hidden}.root{display:flex;height:100vh;justify-content:center;align-items:center;background-color:#b3e5fc}.dialogFormContainer{display:flex;background-color:#fff;overflow:hidden}.infoSection{box-sizing:border-box;flex-direction:column;justify-content:flex-start;display:flex;overflow:auto;height:100%}.loginOrRegisterInfoSection{background-color:#1976d2;color:#fff;padding:2rem;display:flex;flex-direction:column;flex-grow:1;justify-content:center;overflow-y:auto;box-sizing:border-box}.formSection{padding:2rem;flex:1}.button{margin-top:1rem}.errorText{color:red;font-size:.875rem;margin-top:.5rem}.loginOrRegisterDialogBox,.ToSDialog{display:flex;justify-content:space-between;align-items:center}.closeButton{color:#000}.paddedBody2{padding-bottom:1rem}