body {
  background-color: aqua;
  text-align: center;
  color: black;
}

.header h3 {
  padding: 15px;
  font-weight: 700;
  font-size: xx-large;
}

.header img {
  float: left;
  margin-left: 0;
  border-radius: 50%;
  width: 80px;
  height: 80px;
}

.info p {
  font-size: larger;
  font-weight: 400;
}

.tg {
  border-collapse: collapse;
  border-spacing: 0;
}

.tg td {
  border-color: black;
  border-style: solid;
  border-width: 1px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  overflow: hidden;
  padding: 10px 5px;
  word-break: normal;
}

.tg th {
  border-color: black;
  border-style: solid;
  border-width: 1px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
  padding: 10px 5px;
  word-break: normal;
}

.tg .tg-baqh {
  text-align: center;
  vertical-align: top;
}

form {
  text-align: left;
  border-radius: 10px;
  background: url(images/Flag.jpg);
  padding: 20px;
  width: 80%;
  margin-left: 25%;
}

legend {
  text-align: center;
  color: rgb(79, 119, 5);
}

input[type="number"],
[type="radio"] {
  width: 100%;
  padding: 8px 10px;
  margin: 5px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type="submit"] {
  width: 100%;
  background-color: rgb(5, 63, 110);
  color: white;
  padding: 10px 15px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type="submit"]:hover {
  background-color: black;
}