* {
    margin: 0,0;
}

body {
    font-family: Helvetica, sans-serif;
    background-color: #f0ebde;
    text-align: center;
    
}

.bio {
    width: 60%;
    text-align: center;
    margin: auto;
    display: block;
    
}

.name {
    margin: 15px;
    max-width: 60%;
    min-width: 500px;
}

.fit-picture {
    margin: 15px;
    width: 560px;
}

.sizzle {
    margin: 15px;
}

.links {
    text-align: center;
    margin: auto auto;
    display: block;
}



.button {
    background-color: #587868;
    border: none;
    color: #f0ebde;
    width: 280px;
    height: 62px;
    border-radius: 25px;
    margin: 15px auto;
    text-align: center;
    font-size: large;
    display: block;
}

.button:hover {
    background-color: #f0ebde;
    border: 2px solid;
    color: #587868;
    border-color: #587868;
    cursor: pointer;
  }

  a {
    text-align: center;
    vertical-align: middle;
  }

  .sitemap {
    color: white;
  }

  a:link { 
    text-decoration: none; 
    color: #f0ebde;
  } 
  a:visited { 
    text-decoration: none; 
    color: #f0ebde;
  } 
  a:hover { 
    text-decoration: none; 
    color: #587868;
  } 
  a:active { 
    text-decoration: none; 
    color: #f0ebde;
  }

  .bandsintown {
    width: 560px;
    text-align: center;
    display: block;
    margin: auto;
  }

  footer {
    margin: 0 0;
    width: 100%;
    height: auto;
    background-color: #383838;
    text-align: left;
    color: white;
    font-size: medium;
    padding: 15px;
  }

  .sitemap {
    text-align: left;
    display: block;
    padding: 2px;
    color: white;
  }

  #home {
    scroll-margin-top: 150px;
  }

  #bio {
    scroll-margin-top: 150px;
  }

  #listen {
    scroll-margin-top: 150px;
  }

  #socials {
    scroll-margin-top: 110px;
  }