body{
  padding: 0;
  margin: 0;
  background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
  url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS4yZNggALcKlgljyFB_r3kI19_lncLi5G399K4Hj7xWCZAYuIa1ULUM3WH&s=10");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment:fixed;
  display: flex;
  color:white;
  align-items: center;
  justify-content: center;
}
.formholder{
  background-color:rgba(255,255,255,0.1);
  backdrop-filter:blur(10px);
  width:90%;
  max-width: 400px;
  border:none;
  border-radius: 20px;
  box-shadow: 0 0 6px rgba(255,255,255,0.1);
  padding:20px;
  animation:slidein 2s ease-in-out;
}
@keyframes slidein{
  from{transform: translateY(-50%);opacity: 0}
  to{transform: translateY(0%);opacity: 1}
}
.formholder img{
  width:80px;
  display:block;
  margin-left:auto;
  margin-right: auto;
  margin-bottom: 20px;
}
h2{
  text-align: center;
  color:#FCCA18;
  margin-bottom: 5px;
}
.instruction{
  background-color: rgba(255,255,255,0.1);
  color:#fff;
  padding:10px;
  border-radius: 10px;
  font-size:16px;
  margin-bottom: 20px;
}
input,select,button{
  width:100%;
  padding:10px;
  margin-bottom: 8px;
  border-radius: 10px;
  border:none;
  font-size:16px;
}
input,select{
  color:#000;
  background-color:rgba(255,255,255,0.8);
}
button{
  color:#000;
  background-color: #FCCA18;
  font-weight: bold;
}
#message{
  text-align: center;
  font-weight: bold;
  margin-top:5px;
}
