* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}
body {
  background-color: black;
  color: white;
}
.headline {
  border: 3px solid aqua;
  border-radius: 20px;
  width: 520px;
  text-align: center;
  margin: 30px auto;
  font-family: Arial, Helvetica, sans-serif;
  background: #2c297d;
  background: linear-gradient(
    90deg,
    rgba(44, 41, 125, 1) 0%,
    rgba(0, 0, 184, 1) 100%,
    rgba(1, 193, 242, 1) 94%,
    rgba(0, 212, 255, 1) 94%
  );
  padding: 25px;
  box-shadow: 2px 4px 30px rgb(22, 22, 210);
}
form {
  width: 500px;
  padding: 10px;
  margin: auto;
}
fieldset {
  border: 3px solid #4a90e2;
  border-radius: 25px;
  padding: 30px;
  padding-right: 70px;
  background: #2c297d;
  background: linear-gradient(
    90deg,
    rgba(44, 41, 125, 1) 0%,
    rgba(0, 0, 184, 1) 100%,
    rgba(1, 193, 242, 1) 94%,
    rgba(0, 212, 255, 1) 94%
  );
  margin-bottom: 15px;
  box-shadow: 2px 4px 30px rgb(22, 22, 210);
}

legend {
  color: #ffffff;
  font-weight: 700;
  font-size: 15px;
  padding: 3px 25px;
  background: #348399;
  background: linear-gradient(
    90deg,
    rgba(52, 131, 153, 1) 1%,
    rgba(32, 212, 212, 1) 100%
  );
  border-radius: 15px;
  border: 2px solid aqua;
}
table {
  width: 100%;
}
td {
  padding: 12px 5px;
}
label {
  color: yellow;
  font-weight: 900;
  font-size: 15px;
}
input,
select,
textarea {
  border-radius: 12px;
  padding: 10px;
  font-size: 15px;
  width: 100%;
  background: #348399;
  background: linear-gradient(
    90deg,
    rgb(33, 145, 176) 1%,
    rgb(23, 216, 216) 100%
  );
  color: #000000;
  font-weight: 600;
  border: 2px solid #4a90e2;
}
input[type="radio"] {
  width: 20px;
  height: 20px;
  cursor: pointer;
  border: 5px solid #4a90e2;
}
input[type="file"] {
  background: linear-gradient(135deg, #00b3ff, #203a43);
  color: #ffffff;
  border: 3px solid #4a90e2;
  cursor: pointer;
  width: 100%;
  font-weight: 600;
}
p {
  display: none;

  color: #ffffff;
  background: linear-gradient(90deg, #279cae, #229999);
  font-family: monospace;
  font-size: 13px;
  padding: 10px 15px;
  border-radius: 10px;
  margin: 8px 0;
  border: 2px solid #2ecc71;
  font-weight: 600;
}
input:focus + p {
  display: block;
}
img {
  height: 30px;
  width: 35px;
  display: none;
}
input[type="email"]:focus:valid + p ~ img.valid {
  display: inline;
}
input[type="email"]:focus:invalid + p ~ img.invalid {
  display: inline;
}
input[type="reset"] {
  box-shadow: 2px 4px 30px rgb(22, 22, 210);
}
input[type="submit"] {
  box-shadow: 2px 4px 30px rgb(22, 22, 210);
}