:root{--mat-snack-bar-container-shape: 6px;--mat-snack-bar-container-color: #FFF}html{height:100%}body{color-scheme:light;margin:0;background-color:#ddd;font-family:Google Sans,sans-serif}.card{color:#111;background-color:#eee;border-radius:16px;padding:16px;box-shadow:1px 1px 4px #777}input{padding:6px;border-radius:6px;border:2px solid #CCC}button{padding:6px;border-radius:6px;margin:16px auto;border:2px solid #CCC;cursor:pointer;background-color:#ddd;transition:.2s}button:disabled{cursor:not-allowed}button:hover:not([disabled]){background-color:#eee;box-shadow:1px 1px 3px #03b3}button:active:not([disabled]){background-color:#abd}button.primary{border:2px solid #03B}button.secondary{border:2px solid #F52}.header{text-align:left;display:flex;justify-content:space-between;align-items:center}.nav-button{margin:3px;width:48px;height:48px}h1{margin-left:4px;margin-right:4px}a,a:visited{color:#03b;transition:.2s}a:hover{color:#37f}