@import url('https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;700&display=swap');

* {
      font-family: "Google Sans", sans-serif;
}

.title {
      text-align:center;
      font-size: 30px;
      color: #cea9fd;
}

.subtitle {
      text-align:center;
      font-size: 20px;
      color: #d283ff;
      margin-top: -35px;
      text-decoration-line: underline;
}

body {
      background-image: linear-gradient(to bottom, #461177, black);
      background-repeat: repeat;
      min-height: 870px;
}

.mainDesc {
      font-size: 20px;
      color: #ddbdfc;
      text-align:center;
      margin-top: 55px;
      font-size: 25px;
      margin-left:400px;
      margin-right:400px;
}

footer {
      text-align: center;
      margin-top: 120px;
}
footer .bi {
      color: #cea9fd;
      font-size: 35px;
      display: inline-block;
      margin: 0 25px;
      margin-bottom: 0;
}

@media (max-width: 480px) {
      .title {
            font-size: 20px;
      }
      .subtitle {
            font-size: 16px;
            margin-top: -20px;
      }
      .mainDesc {
            font-size: 27.5px;
            margin-top: 30px;
            margin-left: 20px;
            margin-right: 20px;
      }

      footer{
            margin-bottom: 50px;
      }
}