*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.content-container {
  min-height: 70vh;
  overflow-x: hidden;
}
h1 {
  margin-inline: auto;
  background-color: rgba(34, 9, 47, 0.3);
  width: 210px;
}
h2 {
  text-align: left;
}
form {
  background-color: rgba(34, 9, 47, 0.3);
  position: relative;
  top: 20px;
  width: 80%;
  margin-inline: auto;
  padding: 2em;
}
label {
  display: block;
  margin-bottom: 3px;
  color: black;
}
input[type="submit"] {
  padding: 5px;
  margin-top: 10px;
  background-color: rgba(34, 9, 47, 0.3);
  color: white;
}
textarea {
  resize: none;
  height: 200px;
}
input[type="text"],
input[type="email"] {
  margin-bottom: 10px;
  height: 25px;
  box-shadow: 1px 1px 1px rgba(136, 35, 191, 0.5);
}
input[type="submit"]:focus,
input[type="submit"]:active {
  border: 1px solid black;
  background-color: rgba(136, 35, 191, 0.9);
  color: lightgrey; 
}
input[type="text"],
input[type="email"],
textarea {
  width: 100%;
  outline: none;
}
textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus {
  border: 2px solid rgba(136, 35, 191, 0.9);
}
h1,
form,
input[type="text"],
input[type="email"],
input[type="submit"],
textarea {
  border-radius: 2px;
  border: 1.2px solid rgba(136, 35, 191, 0.9);
}
input[type="submit"]:disabled {
  cursor: not-allowed;
}
.checkbox-inline {
  display: flex;
  align-items: center;
  gap: 10px;
}