* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  background-color: beige;
  font-size: 16px;
}
#container {
  width: 90%;
  border: 2px solid firebrick;
  margin: 20px auto;
}
#heading {
  width: 100%;
  height: 100px;
  background-color: rgb(123, 123, 206);
  text-align: center;
}
#heading ul {
  display: flex;
  margin-top: 25px;
  padding-left: 20px;
}
#heading li {
  list-style-type: none;
  padding: 0 5px 10px 5px;
  font-size: 0.9rem;
}
#heading ul a {
  background-color: rgb(189, 95, 64);
  padding: 5px;
}
#heading ul a:hover {
  background-color: rgb(68, 5, 17);
}
/* aside {
  width: 20%;
  height: 400px;
  background-color: rgb(205, 241, 136);
} */
#main {
  width: 100%;
  height: 400px;
  background-color: rgb(205, 241, 136);
  display: flex;
}
#main ul {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  padding-top: 10px;
  padding-right: 20px;
}
#main li {
  list-style-type: none;
  padding: 20px 15px 0 0;
  font-size: 1.25rem;
}
#main ul a {
  background-color: rgb(96, 106, 30);
  padding: 5px;
}
#main ul a:hover {
  background-color: rgb(206, 26, 59);
}
#section {
  width: 80%;
  height: 400px;
  background-color: rgb(189, 19, 19);
}
#footer {
  width: 100%;
  height: 70px;
  background-color: rgb(170, 143, 23);
}