@import url('https://fonts.googleapis.com/css2?family=Dai+Banna+SIL:wght@300&family=Outfit:wght@600&display=swap');

body {
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: #282c34;
            font-family: Arial, sans-serif;
            color: #ffffff;
        }

        .container {
            text-align: center;
        }

        .text {
            font-weight: bold;
            //text-transform: uppercase;
            letter-spacing: 8px;
            background-image: linear-gradient(to right, #ff8a00, #e52e71);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
        }

        .subtext {
            font-size: 1.2rem;
            margin-top: 10px;
            color: #ff8a00;
        }
        a.link {
            display: block;
            height: 100%;
            width: 100%;
            text-decoration: none;
        }
        a:visited {
            text-decoration: none;
            color: #e52e71;
        }
        .svg {
            width: 7%;
            height: 7%;
  }
        pvc {
             font-family: 'Dai Banna SIL', serif;
  }
        dname{
            font-family: 'Outfit', sans-serif;
        }

    html, body, #wordcloud {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    }
/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 721px) {
  .text {
    font-size: 4rem;
  }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 720px) {
  .text {
    font-size: 3rem;
  }
}
@media screen and (max-width: 580px) {
  .text {
    font-size: 2rem;
  }
  .subtext {
    font-size: 0.8rem;
  }
  .svg {
 width: 10%;
 height: 10%;
  }
}
@media screen and (max-width: 450px) {
  .text {
    font-size: 1rem;
  }
}