*{
  margin:1;
  padding:0;
  box-sizing: border-box;
}

body{
  font-family: Arial,sans-serif;
  background-color:#EAE8F2;
  color: #333;
}

.menu{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #DAC3E56;
  padding: 0;
  gap: 100px;
  border-radius:5px;
}

.menu a{
  color:#68609F;
  text-decoration:none;
  padding:18px 25px;
  display:flex;
  font-size: 15px;
  letter-spacing: 0.5px;
  transition: background-color 0.3s, color 0.3s;
}

.menu a:hover{
  background-color:#DBBDEB;
  color: white;
}

header{
  background-color:#3D336C;
  color: white;
  padding: 20px;
  text-align:center;
}