*{padding:0;margin:0;box-sizing:border-box}body,html{height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;color:#213547}#root{width:100%;margin:0;padding:0}h1{font-size:2.2em;line-height:1.1}#root{margin:0 auto;text-align:center}.card{padding:2em}.header{position:sticky;top:0;height:80px;width:100%;display:flex;flex-direction:row;background-color:#171e22;color:#e1e1e1;padding:2rem;align-items:center;gap:2rem}.header-title{font-size:1.2em;line-height:1.1;font-weight:700}.nav-bar{display:flex;flex-direction:row;gap:1.5rem}.nav-item{font-size:1.4em;line-height:1.1;font-weight:700}.nav-item:hover{cursor:pointer;text-decoration:underline}.loading-spinner-container{display:flex;justify-content:center;margin-top:120px}.loading-spinner{width:48px;height:48px;border:5px solid rgba(33,53,71,.2);border-top-color:#213547;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}