body {
  height: 100vh;
  background-image: url("https://images.unsplash.com/photo-1518770660439-4636190af475?q=80&w=1400&auto=format&fit=crop");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

#main1 {
  height: 70%;
}

.form {
  max-width: 425px !important;
  background-color: transparent;
  backdrop-filter: blur(5px);
  border: 1px solid blanchedalmond;
  box-shadow: 5px 25px 50px rgba(0, 0, 0, 0.99) !important;
}

.head {
  text-shadow: 5px 5px 5px black;
  font-family: Georgia, "Times New Roman", Times, serif;
}

label {
  text-shadow: 5px 5px 5px black;
  font-family: cursive;
  color: cornsilk;
}

.input {
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}

.button {
  font-family: none;
  transition: 0.3s !important;
  box-shadow: 5px 10px 25px rgba(0, 0, 0, 0.5) !important;
}

.button:hover {
  transition: 0.3s;
  transform: scale(1.03) translateY(-3px);
  color: black !important;
}

.label {
  font-family: Arial, Helvetica, sans-serif;
  color: mediumblue;
  text-shadow: none;
}

.label1 {
  font-family: none;
}

i {
  cursor: pointer;
  color: navy;
}

#img {
  height: 120px;
}

#input-group {
  max-width: 600px;
}

#links {
  font-family: Arial, Helvetica, sans-serif;
  text-shadow: 4px 4px 4px black;
  transition: 1s;
}


#input {
  max-width: 600px;
}

#search {
  border-radius: 4px 0 0 4px;
  border: none;
}

#icon {
  border-radius: 0 4px 4px 0;
  color: white;
  cursor: pointer;
  transition: 1s;
}

#icon:hover {
  color: black;
}

#main {
  margin-top: 150px;
}

#icon {
  border-radius: 0 4px 4px 0;
  color: white;
  cursor: pointer;
  transition: 1s;
}

#icon:hover {
  color: black;
}

#linkin {
  font-weight: bold;
  text-shadow: 4px 4px 4px black;
  transition: 1s;
}

#linkin:hover {
  text-shadow: none;
  text-decoration: underline;
}

footer {
  height: 40%;
}

footer h5 {
  margin-bottom: 10px;
}

footer p,
footer li {
  margin-top: 20px;
  font-size: 24px;
}