:root{--main-bg-color: white;--main-fg-color: #E8DFCA;--col1: #F5EFE6;--col2: #4F6F52;--col3: #1A4D2E;--main-light-color: lightcyan}*{font-family:Roboto,Arial,sans-serif;color:#616161;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background-color:var(--main-fg-color);display:flex;align-items:center;justify-content:center;padding:20px}.container{padding:30px;background-color:var(--col1)}router-outlet+*{padding:0}h1{font-size:32px}h2{font-size:20px;font-weight:700;text-decoration:solid;background-color:var(--col3);padding:9px;display:inline-block;color:var(--col1)}p{font-size:14px}a{cursor:pointer;color:var(--col2);text-decoration:underline}a:hover{opacity:.8}input{font-size:14px;border-radius:2px;padding:8px;margin-bottom:16px;border:1px solid var(--main-bg-color)}label{font-size:12px;font-weight:700;margin-bottom:4px;display:block;text-transform:uppercase}.button,button{display:inline-flex;align-items:center;padding:8px 16px;border-radius:2px;font-size:14px;cursor:pointer;background-color:var(--main-bg-color);color:var(--main-fg-color);border:none}.button:hover,button:hover{opacity:.8;font-weight:400}.button:disabled,button:disabled{opacity:.5;cursor:auto}.fancy-button{background-color:#fff;color:#1976d2}.fancy-button i.material-icons{color:#1976d2;padding-right:4px}app-top-bar{width:calc(100% - 40px);height:68px;background-color:var(--col2);padding:16px;display:flex;float:inline-start;align-items:center;margin:20px}app-top-bar h1{color:var(--main-fg-color);margin:0;font-weight:400}app-top-bar a{text-decoration:none}