* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: system-ui, sans-serif;
  color: black;
  background-color: white;
}

nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  gap: 0.5rem;
  border-bottom: solid 1px #aaa;
  background-color: #eee;
}

nav a {
  display: inline-block;
  min-width: 9rem;
  padding: 0.5rem;
  border-radius: 0.2rem;
  border: solid 1px #aaa;
  text-align: center;
  text-decoration: none;
  color: #555;
}

nav a[aria-current='page'] {
  color: #000;
  background-color: #d4d4d4;
}

main {
  padding: 1rem;
}

h1 {
  font-weight: 700;
  font-size: xxx-large;
  color: rebeccapurple;
}
h2{
  font-size: xx-large;
  color:cadetblue
} 
strong{
  font-size: large;
  color:chocolate;
}
#a{
  font-weight: bold ;
}
h3{
  color:rgb(87, 124, 38)
}
#b{
  color: blue;
}
#c{
  color: rgba(172, 48, 172, 0.829);
}
#d{
  color: rgb(204, 36, 36);
}
#x{
  color:rgb(160, 19, 19)
}
#y{
  color:rgb(128, 46, 131)
}
#z{
  color: rgb(179, 66, 26);
}
#p{
  color:rgb(92, 84, 13)
}
#q{
  color:rgb(21, 121, 66)
}
#r{
  color:rgb(92, 53, 7)
}
#s{
  color: rgb(73, 110, 36);
}
#t{
  color:rgb(36, 72, 138)
}