*{
    padding: 20px;
    margin: 0 auto;
}
.meanings{
        background-color: rgba(183, 230, 230,0.3);
        border-radius: 20px;
        margin-bottom: 2vh;
        box-shadow: 0px 10px 10px 0px black;
}
.meanings:hover, .phonetics:hover{
    /* transform: translateY(-5vh); */
    background: #cc2b5e;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #753a88, #cc2b5e);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #753a88, #cc2b5e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: azure;
}
.phonetics{
       background: #00416A;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #E4E5E6, #00416A);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #E4E5E6, #00416A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
       width: fit-content;
       height: fit-content;
       border-radius: 7px;
      box-shadow: 0px 4px 4px 0px gray;
       margin-bottom: 7vh;

}