:root {
--purple: #643a92;
--lavender: #9d6dd0;
--white: white;
}

* {
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}



nav {
  display: flex;
  justify-content: space-between;
}


 .button {
    border-radius: 5px;
    background-color: var(--purple);
    color: var(--white);
 }

 .button:hover {
    background-color: var(--lavender);
 }