@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');



body{
  /* background-image: linear-gradient(225deg, #DF7861, #51557E ,#BD4291); */
  background-image: linear-gradient(225deg, #005AA7 ,#FFFDE4);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height:100vh;
  font-family: cursive;
}
.card{
  background-color: white;
  border-radius: 30px;
  width: 420px;
  height: 380px;
  padding: 2rem 2rem 1rem 2rem;
  position: relative;

}
.search{
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn{
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #7c7c7c6b;
  cursor: pointer;
  transition: 0.2s ease-in-out;
  margin: 0.5rem;
  border: none;
}

.btn:hover{
  background-color: #7c7c7c4b;
}
.btn img{
  height:20px;
  width:20px;
  color:black;
}

.search-box{
  padding: 0.5rem 1rem;
  outline: none;
  border: none;
  background-color: #7c7c7c9b;
  color: black;
  width: calc(100% - 100px);
  border-radius: 24px;
  font-size: 120%;
}
.qr{
  position: absolute;
  left : 33%;
  height: 150px;
  width: 150px;
}

.h3{
position:absolute;
bottom: 15%;
left: 5%;
}

.down{
/* background-image: linear-gradient(225deg, #DF7861, #51557E ,#BD4291); */
background-image: linear-gradient(45deg, #005AA7 ,#FFFDE4);
height: 40px;
width:200px;
cursor:pointer;
border-radius: 20px;
border: none;
/* padding: 0 1rem; */
font-family: cursive;
letter-spacing: 1px;
font-size: 120%;
position: absolute;
bottom: 5%;
left: 30%;
text-decoration: none;
color: #fff;
}

.inner_txt{
  text-align: center;
  margin-top: 5px;
}

.none .result{
  opacity:0;
}
.none{
  opacity: 0
}

.nothing{
  height: 100px;
}

.down:hover{
  transform: scale(1.1);
}
