:root{--color-primary: #4A249D;--color-secondary: #009FBD;--color-tertiary: #F6F5F5;--color-accent: #F9E2AF}html,body{margin:0;padding:0;font-family:Roboto,sans-serif;background-color:var(--color-tertiary)}header,footer{margin:0;padding:1rem;background:linear-gradient(to right,var(--color-primary),var(--color-secondary));color:var(--color-tertiary)}header{display:flex}header h1{font-size:1.5em;padding:1em;margin:0}header h1 img{height:2rem}header nav ul{display:flex;justify-content:flex-end;height:2rem;list-style-type:none;margin:0;padding:0}header nav ul li{padding:1em}header nav ul li a{color:var(--color-tertiary);text-decoration:none}main{margin:1rem}