:root{--h: 100;--base-colour: hsl(var(--h) 100 40);--darker-colour: hsl(var(--h) 100 30);--darkest-colour: hsl(var(--h) 100 20);--bg-colour: rgb(252, 247, 230);font-family:Arial,Helvetica,sans-serif}body{background-color:var(--bg-colour)}main{background-color:#fff;width:66%;margin:0 auto;padding:20px}a{color:var(--base-colour)}error{color:red}a:visited{color:var(--darkest-colour)}nav{color:#000;background-color:var(--base-colour)}nav ul{display:grid;grid-template-columns:auto auto auto auto;padding:0}nav ul :hover{background-color:var(--darker-colour);cursor:pointer}nav ul li{padding:20px;list-style:none;text-align:center;text-transform:uppercase}nav ul li a{color:#000;text-decoration:none}table{margin-top:10px;width:100%;display:flexbox;border-spacing:0;border-collapse:collapse}th{padding:10px;border:solid 1px black}td{padding:10px;border:solid 1px black;text-align:center}