body {
    font-family: Arial, Helvetica, sans-serif;
    background: white;
}

.title {
    position: relative;
    font-family: HelveticaNeue;
    src: "HelveticaNeue.ttc";
    font-size: 15rem;
    font-weight: 800;
    margin-left: 0.1em;
    line-height: 0.9;
}

.title2 {
    position: relative;
    font-family: HelveticaNeue;
    src: "HelveticaNeue.ttc";
    font-size: 2em;
    font-weight: 800;
    margin-left: 0.6em;
    line-height: 0.9;
}

.box1 {
  border-style: solid;
  border-width: 5px;
  border-color: black;
}

.title3 {
    font-family: HelveticaNeue;
    src: "HelveticaNeue.ttc";
    font-size: 20vw;
    font-weight: 800;
    margin-left: 40px;
    line-height: 0.9;
}

.title4 {
    position: relative;
    font-family: HelveticaNeue;
    src: "HelveticaNeue.ttc";
    font-size: 5em;
    font-weight: 800;
    line-height: 1;
    margin-top: 0em;
}

.title5 {
    position: relative;
    font-family: HelveticaNeue;
    src: "HelveticaNeue.ttc";
    font-size: 2em;
    font-weight: 800;
    margin-left: 0.6em;
    line-height: 0.9;
}

.img1 {
    max-width: 45em;
    margin-top: 4em;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.backbutton {
    position: absolute;
    float: left;
    display: block;
    max-width: 8em;
    margin-top: -4em;
    margin-left: 25em;
}

.backbutton:hover {
    filter: invert(50%) sepia(0%) saturate(2476%) hue-rotate(20deg) brightness(118%) contrast(119%);
}

.menubutton1 {
    position: absolute;
    float: left;
    display: block;
    width: 7.5em;
    margin-left: 25em;
    margin-top: -5em;
}

.menubutton1:hover {
    filter: invert(50%) sepia(79%) saturate(2476%) hue-rotate(20deg) brightness(118%) contrast(119%);
}

.menubutton2 {
    position: relative;
    float: left;
    display: block;
    width: 7.5em;
    margin-top: -5em;
    margin-left: 35em;
}

.menubutton2:hover {
    filter: invert(50%) sepia(79%) saturate(2476%) hue-rotate(170deg) brightness(118%) contrast(119%);
}

.menubutton3 {
    position: absolute;
    float: left;
    display: block;
    width: 7.5em;
    margin-top: -5em;
    margin-left: 45em;
}

.menubutton3:hover {
    filter: invert(50%) sepia(79%) saturate(2476%) hue-rotate(110deg) brightness(118%) contrast(119%);
}

.menubutton4 {
    position: absolute;
    float: left;
    display: block;
    width: 12em;
    margin-top: -5em;
    margin-left: 55em;
}

.menubutton4:hover {
    filter: invert(34%) sepia(81%) saturate(6777%) hue-rotate(1deg) brightness(100%) contrast(104%);
}

.albumcover {
    position: relative;
    margin-top: 2em;
    width: 35em;
}

.albumtext1 { 
    font-size: 1em;
    font-weight: 800;
    position: relative; 
    margin-top: -75px;
}

.albumtext2 { 
    font-size: 0.8em;
    font-weight: 800;
    position: relative; 
}

.albumtext3 { 
    font-size: 0.7em;
    font-weight: 800;
    position: relative; 
}

.tracksappearance {
    position: relative;
    font-size: 2.5vw;
    font-weight: 800;
}

.tracksappearance:hover {
    color: red;
}

.linkappearance {
    position: relative;
    font-size: 30px;
    font-weight: 800;
}

.linkappearance2 {
    position: relative;
    font-size: 3em;
    font-weight: 800;
    margin-left: 0.7em;
}

.linkappearance:hover {
    color: red;
}

.tracks:hover .showme{
    position: relative;
}

.showme {
  display: none;
  position: absolute;
}

.showhim:hover .showme {
  display: block;
}

* {
  box-sizing: border-box;
}

.row {
  display: flex;
}

.column {
  flex: 50%;
  padding: 10px;
}

.biotext1 {
  font-weight: 600;
  position: relative;
  text-align: justify;
  margin-left: 8em;
  margin-right: 35em;
  font-size: 1em;
}

.biotext2 {
  font-weight: 600;
  position: relative;
  text-align: left;
  margin-left: 0.7em;
  margin-right: 0.7em;
  font-size: 3em;
}

.hl {
  width: 10em;
  height: 15px;
  margin-left: 8em;
  border-bottom: 2px solid black;
  position: relative;
}

.hl2 {
  justify-content: center;
  display: block;
  margin: auto;
  margin-top: 20%;
  width: 100%;
  height: 15px;
  border-bottom: 2px solid black;
  position: relative;
}

@media screen and (max-width: 600px) {
  footer {
    font-size: 0.6em;
    color: rgb(93, 93, 93);
  }

  .buttonasg {
    margin: auto;
    display: block;
    justify-content: center;
    position: relative;
    margin-top: 1em;
    max-width: 2em;
  }

  .space {
    position: relative;
    width: 0em;
    height: 0em;
  }
  .title {
    font-size: 4rem;
  }
  .title2 {
    font-size: 1.2rem;
    margin-left: 0.25em;
  }

  .box1 {
    border-style: solid;
    padding: 3%;
    border-width: 2px;
    border-color: black;
  }

  .box2 {
    border-style: solid;
    padding: 3%;
    border-width: 2px;
    border-color: black;
  }

  .bigbox {
    padding: 4%;
  }
  
  .title4 {
    position: relative;
    font-size: 2em;
    margin-top: 0em;
  }

  .title5 {
    position: relative;
    font-family: HelveticaNeue;
    src: "HelveticaNeue.ttc";
    font-size: 1.5em;
    font-weight: 800;
    margin-left: 0.3em;
    line-height: 0.9;
  }

  .linkappearance2 {
    position: relative;
    font-size: 1em;
    font-weight: 800;
    margin-left: 0.7em;
  }

  .img1 {
    display: block;
    max-width: 12em;
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
  }

  .video1 {
    display: block;
    max-width: 15em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
  }
  
  .backbutton {
    max-width: 3em;
    margin-top: 0.9em;
    margin-left: 4.4em;
  }

  .menubutton1 {
    position: absolute;
    float: left;
    display: block;
    max-width: 3em;
    margin-left: 5em;
    margin-top: 0.5em;
  }

  .menubutton1:hover {
    filter: invert(50%) sepia(79%) saturate(2476%) hue-rotate(20deg) brightness(118%) contrast(119%);
  }

  .menubutton2 {
    position: absolute;
    float: left;
    display: block;
    max-width: 3em;
    margin-left: 9em;
    margin-top: 0.5em;
  }

  .menubutton2:hover {
    filter: invert(50%) sepia(79%) saturate(2476%) hue-rotate(170deg) brightness(118%) contrast(119%);
  }

  .menubutton3 {
    position: absolute;
    float: left;
    display: block;
    width: 3em;
    margin-left: 13em;
    margin-top: 0.5em;
  }

  .menubutton3:hover {
    filter: invert(50%) sepia(79%) saturate(2476%) hue-rotate(110deg) brightness(118%) contrast(119%);
  }

  .menubutton4 {
    position: absolute;
    float: left;
    display: block;
    width: 5em;
    margin-top: 0.5em;
    margin-left: 17em;
  }

  .menubutton4:hover {
    filter: invert(34%) sepia(81%) saturate(6777%) hue-rotate(1deg) brightness(100%) contrast(104%);
  }

  .tracksappearance {
    position: relative;
    font-size: 3vw;
    font-weight: 800;
  }

  .albumcover {
    position: relative;
    margin-top: 2.5em;
    width: 12em;
  }
  
  .albumtext1 { 
    position: relative;
    font-size: 1em;
    font-weight: 800;
    margin-top: -2em;
  }

  .albumtext2 { 
    font-size: 0.8em;
    font-weight: 800;
    position: relative; 
  }

  .albumtext3 { 
    font-size: 0.7em;
    font-weight: 800;
    position: relative; 
  }

  .biotext1 {
    font-weight: 600;
    position: relative;
    text-align: justify;
    margin-left: 0.7em;
    margin-right: 0.7em;
    font-size: 1em;
  } 

  .biotext2 {
  font-weight: 600;
  position: relative;
  text-align: left;
  margin-left: 0.7em;
  margin-right: 0.7em;
  font-size: 1em;
  }

  .hl2 {
    justify-content: center;
    display: block;
    margin: auto;
    margin-top: 10%;
    width: 5em;
    height: 15px;
    border-bottom: 1px solid black;
    position: relative;
  }
}