index.css

body{
    margin: 0;
    background: linear-gradient(to right bottom,red,yellow,green,pink) no-repeat;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex;
}
.container{
   background-color: rgba(234, 236, 121, 0.704);
  width: 35%;
  padding: 60px;
  border-radius: 40px;
    
}
h1{
    color: darkgreen;
    text-shadow: 5px 2px 8px;
}
.search{
    width: 75%;
    padding: 5px;
    background-color: rgba(255,255,255,0.6);
    border-color: rgba(255,255,255,0.6);
    border-radius: 10px;
    color: rgb(226, 2, 2);
   
}
.info-cont{
    font-size: 20px;
}
.container:hover{
    box-shadow: 0 0 20px rgb(192, 186, 14);
}
.title{
    font-size: 15px;
}

.meaning{
    font-size: 15px;
}
.search:hover{
    box-shadow: 0 0 20px rgb(220, 219, 206);
    cursor: pointer;
}
.meaning-content{
    font-size: 15px;
}