body {
  margin: 0;
  padding: 0;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
   background-color:#0f0624;
   background-image: url('https://as1.ftcdn.net/v2/jpg/04/37/50/08/1000_F_437500857_qhxmpinxrr2lHoeGIcpTaG9R39AwECvu.jpg');
    background-size: cover; /* Ensure the background image covers the entire body */
    background-repeat: no-repeat; /* Prevent the background image from repeating */
}

.head {
  width: 100%;
  padding: 1%;
  background-color: #8f0d73; /* Blue color */
  text-align: center;
  font-size: 2rem;
  color: #ffffff; /* White text */
}

.container {
  width: 70%;
  border: 5px solid #2980b9; /* Darker blue border */
  margin: 3% auto;
  background-color: #370d6e; /* Darkish violet color */
  text-align: center;
  padding: 2%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Box shadow for a subtle lift */
}

p {
  font-size: 1.8rem;
  color: #ffffff; /* Dark gray text */
}

input {
  width: 20%;
  padding: 0.5%;
  font-size: 1rem;
  background-color: #040f2b; /* Orange color for input background */
  color: #ffffff; /* White text */
  border: 1px solid #c0392b; /* Dark red border */
}

/* Add some styling for better readability */
.container a {
  color: #e74c3c; /* Red link color */
  text-decoration: none;
  font-weight: bold;
}

.container a:hover {
  text-decoration: underline;
}

.container button {
  background-color: #27ae60; /* Darker green color for buttons */
  color: #ffffff;
  padding: 1%;
  border: none;
  cursor: pointer;
}

.container button:hover {
  background-color: #2ecc71; /* Lighter green on hover */
}