#landing-section {
  background-image: url("../images/landing-page-img-phone.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  color: rgb(0, 255, 55);
  font-size: 1rem;
  text-align: center;
}
body {
  background-color: #000000;
}
#band-name {
  padding-top: 3rem;
  padding-bottom: 10rem;
  text-shadow:
    0px 0px 20px rgb(0, 0, 0),
    0px 0px 20px rgb(0, 0, 0),
    0px 0px 20px rgb(0, 0, 0),
    0px 0px 20px rgb(0, 0, 0);
}
h2 {
  font-weight: 400;
  font-size: 1.3rem;
  margin: 0.5rem;
  color: white;
  margin-bottom: 1.5rem;
  text-shadow:
    0px 0px 10px rgb(0, 0, 0),
    0px 0px 10px rgb(0, 0, 0),
    0px 0px 10px rgb(0, 0, 0),
    0px 0px 10px rgb(0, 0, 0),
    0px 0px 10px rgb(0, 0, 0),
    0px 0px 10px rgb(0, 0, 0);
}
h3 {
  font-weight: 600;
  font-size: 1.5rem;
  color: white;
}
#vsechnyodkazy {
  color: rgb(0, 255, 55);
  background-color: rgba(0, 0, 0, 0.452);
  border: 2px, rgb(0, 255, 55), solid;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 0.7rem;
  text-decoration: none;
  transition: 0.3s;
}
#vsechnyodkazy:hover {
  color: #ff1d1d;
  border: 2px, #ff1d1d, solid;
  transition: 0.3s;
}
#news {
  text-align: center;
  color: white;
  font-size: 2rem;
  font-weight: 700;
  margin-top: 3rem;
  text-shadow:
    0px 0px 10px rgb(0, 0, 0),
    0px 0px 10px rgb(0, 0, 0),
    0px 0px 10px rgb(0, 0, 0),
    0px 0px 10px rgb(0, 0, 0);
}
#stp-promo {
  width: 70%;
  margin: auto;
  background-color: #000000;
  border: white solid 5px;
  border-radius: 1rem;
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 3rem;
  padding: 1rem;
  box-shadow:
    0px 0px 10px rgb(0, 0, 0),
    0px 0px 10px rgb(0, 0, 0),
    0px 0px 10px rgb(0, 0, 0),
    0px 0px 10px rgb(0, 0, 0);
  text-shadow:
    0px 0px 7px rgb(0, 0, 0),
    0px 0px 7px rgb(0, 0, 0),
    0px 0px 7px rgb(0, 0, 0),
    0px 0px 7px rgb(0, 0, 0);
}
#stpcoverart {
  display: block;
  width: 70%;
  margin: auto;
  border: white 4px solid;
  box-shadow:
    0px 0px 300px rgb(0, 248, 12),
    0px 0px 200px rgb(0, 248, 41);
}
h4 {
  font-weight: 800;
  font-size: 1.5rem;
  color: white;
  margin-top: 1rem;
  margin-bottom: 0.7rem;
}
ol {
  list-style-type: none;
  padding-bottom: 1rem;
}
#Track-list {
  font-weight: 600;
  font-size: 1rem;
  color: white;
  margin-top: 0.4rem;
  margin-bottom: 0.7rem;
}
.Track-list {
  font-size: 1.1rem;
  font-weight: 800;
  color: white;
  margin-top: 0.3rem;
}
#streamhere {
  color: white;
  font-size: 2rem;
  text-align: center;
  color: rgb(0, 255, 55);
}

#baitbutton {
  border: rgb(0, 0, 0) solid 5px;
  background-color: rgba(0, 0, 0, 0.2);
  width: 1px;
  margin: auto;
  display: block;
  margin-bottom: 5rem;
  transition: 1s;
  content: url("../images/blackscreen.jpg");
}
@media (min-width: 768px) {
  h1 {
    font-size: 3rem;
  }
  #news {
    font-size: 2.2rem;
  }
}

/*PRO POCITAC*/
/*PRO POCITAC*/
/*PRO POCITAC*/
/*PRO POCITAC*/
/*PRO POCITAC*/
@media (min-width: 1008px) {
  #landing-section {
    background-image: url("../images/landing-page-img-pc.jpg");
  }
  #band-name {
    padding-top: 3rem;
    padding-bottom: 10rem;
    text-shadow: 0px 0px 5px rgb(0, 0, 0);
  }
  h1 {
    padding-top: 3rem;
    font-size: 5rem;
    line-height: 4.3rem;
  }
  h2 {
    font-size: 2rem;
    margin: 1rem;
    margin-bottom: 2rem;
  }
  h3 {
    font-weight: 600;
    font-size: 2rem;
    margin: 1rem;
  }
  #vsechnyodkazy {
    padding: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    border-radius: 0.7rem;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.552);
  }

  #stp-promo {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  #stpcoverart {
    margin-bottom: 3rem;
  }
  #tracklist-list {
    margin: auto;
    width: 70%;
  }
  #Track-list {
    font-weight: 600;
    font-size: 2rem;
    color: rgb(0, 255, 55);
    margin-bottom: 2rem;
  }
  .Track-list {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: white;
  }
  #baitbutton {
    border: rgb(0, 255, 55) solid 5px;
    background-color: rgb(0, 255, 55, 20%);
    width: 7rem;
    margin: auto;
    padding: 1rem;
    border-radius: 1rem;
    display: block;
    margin-top: 17rem;
    margin-bottom: 10rem;
    transition: 1s;
    content: url("../icons/baitbutton.png");
  }
  #baitbutton:hover {
    content: url("../icons/middlefinger.png");
    animation: forwards;
    border: none;
    width: 10rem;
    background-color: rgb(0, 255, 55, 0%);
    transition: 1s;
  }
  #streamhere {
    color: white;
    font-size: 3rem;
    text-align: center;
    color: rgb(0, 255, 55);
  }
}