:root{--max-width: 1140px;--primary-color: rgb(97, 117, 133);--primary-text-color: white;--primary-focus-color: black;--primary-focus-text-color: white;--primary-complement-color: white;--secondary-color: rgb(97, 117, 133);--secondary-complement-color: black;--secondary-text-color: black;--accent-color: white;--back-link-color: rgb(97, 117, 133);--button-color: rgb(97, 117, 133);--toast-success-color: #43a047;--toast-error-color: red;--toast-info-color: #ff9800}*{box-sizing:border-box}img{display:block;max-inline-size:100%}html{font-size:16px;height:100%}body{font-family:BrownProLight,Helvetica Neue,sans-serif;margin:0;height:100%;font-size:1rem;line-height:1.25}header{display:flex;gap:10px;justify-content:space-between;background-color:#789;border:1 black}button{min-inline-size:78px;padding-inline:8px;padding-block:8px;color:var(--primary-text-color);background-color:var(--button-color);border:1px solid var(--primary-complement-color);font-size:16px}button:hover{outline:2px solid var(--primary-focus-color);outline-offset:-2px;color:var(--primary-focus-text-color);background-color:var(--primary-focus-color)}button.action{color:var(--accent-color);border:1px var(--primary-color) solid}button.secondary{color:var(--primary-color);border:1px var(--primary-color) solid}nav a{color:#000}ul{list-style:disk}ol{list-style:decimal}.wrapper{max-inline-size:1280px;margin-inline:auto}