/*
quotes styles
*/

.quotes-container {
    background: linear-gradient(to right, #00b4db, #0083b0);
    transition: background 0.8s ease;
    max-height: 200px;
    box-shadow: 2 100px 100px rgba(0, 0, 0, 0.25);
    margin: 200px;
    border: 100px solid #ddd;
    border-radius: 100px;
}

.quotesText {
      font-size: 18px;
      font-weight: bold;
      display: inline-block;
      background: linear-gradient(to right, #463870, #3d305a, #06020f);
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
      -webkit-text-fill-color: transparent;
      transition: background 0.6s ease;
      cursor: pointer;
}

.quotesText:hover {
    font-size: 18.05px;
    background: linear-gradient(to right, #392665, #25154b, #150932);
    background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
      -webkit-text-fill-color: transparent;
      transition: background 0.6s ease;
      cursor: pointer;
}