.header {
  padding: 0px;
  text-align: center;
  /*background: #1abc9c;*/

  color: blueviolet;
  font-size: 30px;
  background: linear-gradient(#e66465, #9198e5);
}

.footer {
  width: 100%;
  background-color: red;
  color: white;
  text-align: center;
  background: linear-gradient(#e66465, #9198e5);
}

body {
  margin: 0px;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  /* background-color: darkgrey; */
  /* background-image: url(../star.svg); */
  /* background-size: contain; */
  /* background-repeat: no-repeat; */
  /* background-size: 100%; */
  color: white;
}

main {
  flex-grow: 1;
  background: linear-gradient(#9198e5, #e66465);
}

@media (max-width: 767px) {
  main {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 768px) {
  main {
    padding-left: 100px;
    padding-right: 100px;
  }
}