.title {
    color: #ea4de4;
  text-decoration-line: underline;
}
body{
  background-color: #444
}

#textbox1{
  text-align: center;
  
}
.container {
  display: grid;
  grid-template-areas:
    "header header"
    "menu content"
    "footer footer";
  grid-template-columns: 1fr 3fr;
  gap: 3px;
  background-color: mediumpurple;
  padding: 5px;
  width: 950px;
  margin: 0 auto;
  border: solid;
  border-radius: 20px;
}
.container div {
  background-color: white;
  padding: 10px;
}
.container div.header {
  grid-area: header;
  text-align: center;
  border: solid;
  border-radius: 20px;
}
.container div.menu {
  grid-area: menu;
  border: solid;
  border-radius: 20px;
}
.container div.content {
  grid-area: content;
  border: solid;
  border-radius: 20px;
}
.container div.footer {
  grid-area: footer;
  text-align: center;  
  border: solid;
  border-radius: 20px;
}

 th{
  border: solid;
  
}
#bingus{
    background: linear-gradient(45deg, #ea4de4, #764ba2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 22px;
    font-weight: 700;
    font-family: 'Comic Sans MS', cursive;
}