body {
  background-color: black;
  color: rgb(255,255,255);
  font-family: "Montserrat", sans-serif;
  width: auto;
  text-align: left;
  height: auto;
}

.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.logo
{
  max-width: 100%;
  max-height: 150px;
}

.album-cover
{
  max-width: auto;
  max-height: 480px;
}

.header, header
{
  font-size: 32px;
  border-top: 2px solid rgb(255,255,255);
  border-left: 2px solid rgb(255,255,255);
  border-right: 2px solid rgb(255,255,255);
  border-bottom: 1px solid rgb(255,255,255);
  border-radius: 4px 4px 0px 0px;
  padding: 4px 4px 4px 4px;
  vertical-align: middle;
  background-color: black;
}

.content, main
{
  font-size: 26px;
  border-left: 2px solid rgb(255,255,255);
  border-right: 2px solid rgb(255,255,255);
  border-bottom: 2px solid rgb(255,255,255);
  border-radius: 0px 0px 4px 4px;
  padding: 4px 4px 4px 4px;
  vertical-align: middle;
  background-color: black;
  height: auto;/*960px;*/
  overflow: auto;
  font-family: "Montserrat", sans-serif;
}

a:link
{
  color: rgb(255,255,255);
  text-decoration: none;
}
a:visited
{
  color: rgb(255,255,255);
  text-decoration: none;
}
a:hover
{
  color: rgb(255,255,255);
  text-decoration: underline;
}
a:active
{
  color: rgb(255,255,255);
  text-decoration: none;
}

/* width */
::-webkit-scrollbar {
  width: 8px;
  border-radius: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #000; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgb(0,255,127); 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgb(0,255,127); 
}

#id
{
  font-size: 16px;
}

.button
{
  background-color: rgb(0,255,127);
  border: none;
  color: #000;
  text-decoration: none;
  display: inline-block;
  font-size: 8px;
}

a {
  color: green;
}

/* ensures images don't break on small screens */
img {max-width: 100%;}