body {
    background-image: radial-gradient(circle at bottom,red,rgb(128, 0, 102) , rgb(0, 0, 0));
    text-align: center;
    font-size: 0.9rem;
    font-family: 'Merriweather', serif;
    margin: 0%;
    padding: 0%;

}
h1{
  font-size: 2.5rem;
  font-family: 'Playfair Display', serif;
  color: #fe346e;

}
h2{
  font-size: 2.8rem;
  color: #f0134d;
  font-family: 'Great Vibes', cursive;
  size:10px;
  text-shadow: 5px 5px 7px #f0134d;
}
h3{
  font-size: 2.20rem;
  font-family: 'Dancing Script', cursive;
  color: #000;

}
p{
  color: #000;
  margin: 15px;
  font-size: 1rem;
}


::placeholder {
  color: rgb(179, 179, 179);
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12-18 */
  color: red;
}

.container-fluid{
  padding: 3% 10%;

}

.first{
  background: transparent;
}

.brand1{
  font-size: 2.5rem;
  font-family: 'Piedra', cursive;
}

.gify1 {
  border-radius: 100%;
  margin-bottom: 15px;
  width: 35px;
  height: 35px;
}

.navi-l{
  text-align: right;
}

.result{
  padding-top: 20px;
}

.namegif{
  border-radius: 100%;
  width: 30px;
  height: 30px;
}

input[type=text] {
  background: transparent;
  width: 200px;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #000;
  padding-bottom: 0px;
}

.far {
color:#f0134d;
}


.navi1{
  background-image: linear-gradient(to right,rgb(36, 1, 29),rgb(128, 0, 102),rgb(128, 0, 102),rgb(255, 0, 251));
  box-shadow: 0px 0px 10px #710b5f;
}
.footer-link {
  font-size:0.9rem;
  color:black;
  background:red;
  border-radius: 50%;
  align-items: center;
}

.bottom-container1{
  border-radius: 10px;
  box-shadow: 0px 0px 10px white;
  margin-bottom: 30px;
  padding: 18px;
  font-family: 'Merriweather', serif;
}