body {
  margin: 0;
  min-height: 100vh;
  background: url("cootie/img/contactcootie.png") center / cover no-repeat fixed;
  font-family: 'Times New Roman', serif;
  color: #FF1493;
  font-weight: bold;
  font-style: italic;
  text-shadow: 1px 1px 2px #000;
  border: 14px ridge #FF1493;

}

#contactPage {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  padding: 60px;
  background: rgba(0, 0, 0, 0.6);
}

#stageBackground {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

#questionForm,
#questionList {
  background-color: rgba(128, 0, 128, 0.3);
  background-image: url('https://ct.pimp-my-profile.com/tp/2222ff-50-tp.png');
  background-repeat: repeat;
  background-attachment: fixed;
  border: 3px double #FF1493;
  border-radius: 10px;
  padding: 20px;
}

#questionForm {
  grid-column: 2;
  max-width: 100%;
  max-height: 40%;
}

#questionList {
  grid-column: 3;
  max-width: 600px;
  max-height: 300px;
  overflow-y: auto;
  font-size: 12pt;
}

#questionList ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#questionList li {
  margin-bottom: 14px;
  line-height: 1.4;
}

#questionList::-webkit-scrollbar {
  width: 8px;
}

#questionList::-webkit-scrollbar-thumb {
  background: rgba(255, 0, 150, 0.5);
  border-radius: 4px;
}

#questionForm, #questionForm h1, label, button {
  position: static;
  background-image: url('https://ct.pimp-my-profile.com/tp/2222ff-50-tp.png');
}

label {
  display: block;
  margin-bottom: 10px;
  font-size: 14pt;
}

input,
textarea {
  width: 100%;
  padding: 10px;
  margin-top: 6px;
  background: rgba(0,0,0,0.5);
  border: 2px groove #FF1493;
  color: #FF1493;
  font-size: 14pt;
  font-style: italic;
  font-weight: bold;
  box-sizing: border-box;
}

textarea {
  resize: none;
  height: 80px;
}

button {
  display: block;
  margin-top: 15px;
  background: none;
  color: #FF1493;
  border: 2px outset #FF1493;
  padding: 10px 20px;
  cursor: pointer;
  font-weight: bold;
  font-style: italic;
}

button:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

table, tr, td {
  background-color: transparent;
  border: none;
}

.btext, .blacktext10, .redtext, .text, .nametext {
  color: #FF1493;
  font-size: 12pt;
  font-family: 'Times New Roman', serif;
  font-weight: bold;
  font-style: italic;
}

.nametext {
  font-size: 14pt;
}

a {
  color: #FF1493;
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}