/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */

 * { 
   box-sizing: border-box;
   margin: 0; 
   padding: 0; 
 }

 html { 
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
   background-color: #eee
 }

 h1 { 
   font-family: fantasy;
   color: rgb(25, 201, 98); 
   margin: 0 auto;
 }

.sign-out-button { 
  float: right;
} 

.form-button, 
.sign-out-button {
  background-color: rgb(25, 201, 98);
  border-radius: 10%;
  width: 100px;
  font-size: 15px;
}

header { 
  display: flex; 
  justify-content: space-between; 
  align-items: center;
}

.nav_links a { 
  list-style: none;
  text-decoration: none;
  background-color: rgb(25,201,98); 
  border-radius: 10% 
}

.nav_links li { 
  display: inline-block;
  padding: 0px 20px;
  list-style: none;
  font-size: 15px;
}

.form { 
  margin-top: 15px;
}


h2 { 
  margin-bottom: 10px;
}

.album-links li { 
  display: inline-block; 
  padding-bottom: 10px;
  list-style: none; 
}

.album-links a { 
  text-decoration: none;
  color: blue;
}

.new-album-link { 
  list-style: none;
  text-decoration: none;
  background-color: rgb(25, 201, 98);
  border-radius: 10%;
}

.band-link { 
  text-decoration: none;
  color: blue;
} 

.album-button { 
  float: left;
  margin: 10px 0px 10px 0px;
  background-color: rgb(25, 201, 98);
  border-radius: 10%;
  width: 100px;
  font-size: 15px;
}

.create-album-button { 
  background-color: rgb(25, 201, 98);
  border-radius: 10%; 
  width: 100px; 
  font-size: 15px;
}

.info-list { 
  clear: left;
}

.notes { 
  margin-top: 10px;
}

.note-button { 
  display: block;
  margin: 10px 0px 10px 0px;
  background-color: rgb(25, 201, 98);
  border-radius: 10%;
  width: 100px;
  font-size: 15px;
}

.lyrics { 
  margin-bottom: 10px;
}