@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&display=swap');

body {
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  font-family: 'Montserrat', sans-serif;
  background-color: #FF3CAC;
  background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);
  background-repeat: no-repeat;
  background-size: 100% 2000px;
}

a {
  text-decoration: none;
}
/* unvisited link */
a:link {
  color: azure;
}

/* visited link */
a:visited {
  color: azure;
}

/* mouse over link */
a:hover {
  color: azure;
}

/* selected link */
a:active {
  color: azure;
}
.master {
  margin-left: 0;
  margin-top: 20px;
  margin-bottom: 0;
  margin-right: 0;
  height: auto;
  display: flex;
  justify-content: center;
  width: 100%;
}
.maincard {
  width: 1024px;
  height: 576px;
}
.logo {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 200px;
}
.created {
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  justify-content: space-between;
}
.itlink {
  margin-top: 20px;
}
.streaminglogo {
  width: 200px;
}

/* On screens that are 992px or less */
@media screen and (max-width: 1280px) {
  .logo {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .maincard {
    width: 90%;
    height: 600px;
  }
  .created {
    margin-top: 40px;
  }
}

/* On screens that are 600px or less */
@media screen and (max-width: 600px) {
  .master {
    text-align: center;
    transform:translateY(30%);
  }
  .logo {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .maincard {
    height: 300px;
  }
  .created {
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 0px;
  }
}