body {
  background-color: lightblue;
  background-image: url('https://www.amboseliinstitute.ac.ke/wp-content/uploads/2023/05/aiht-photos-92-1878x874.jpg'); /* Replace with the path to your background image */
  background-size: cover; /* This makes the image cover the entire background */
  background-repeat: no-repeat; /* Prevents the image from repeating */
  background-attachment: fixed; /* Fixes the background image in place */
}

.word {
  width:400px;
  height:400px;
  border:2px solid #fff;
  margin:50px auto;
  padding:10px 0 0 10px;
  justify-content:space-between;
  text-align:center;
  background-color:#fff;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
  border-radius:16px;
}
html {
  font-size: 14px;
}
img{
	margin-top:10px;
	margin-bottom: 20px;
}
input[type="submit"] {
  display: block;
  width: ;
  margin: 10px auto;
  height:2em;
  font-size: 1.1rem;
  background-color: #012980;
  color:white;
  min-width: 80px;
  border-radius:10px;
  font-weight: 400;
}
input[type="text"] {
  display: block;
  width: ;
  margin: 10px auto;
  height: 2em;
  font-size: 1.1rem;
  background-color: #fff;
  color:black;
  min-width: 100px;
  border-radius:5px;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
}
input[type="password"] {
  display: block;
  width: ;
  margin: 2px auto;
  height:2em;
  font-size: 1.1rem;
  background-color: #fff;
  color:black;
  min-width: 100px;
  border-radius:5px;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
}
/* Default styles for both desktop and mobile */
/* Media query for screens with a maximum width of 768px (typical for tablets) */
@media (max-width: 768px) {
    body {
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    /* Add more responsive styles here */
}

/* Media query for screens with a maximum width of 480px (typical for smartphones) */
@media (max-width: 480px) {
    body {
        font-size: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    /* Add more responsive styles here */
}
