body {background-image: url("images/12x12-BG-31847CwNoise.jpg")} 
body {background-color: #31847C}

hr.dashed {
  border: 1px solid #C2847A;
}

@font-face {
    font-family:PTSans;
    src: url("fonts/PTSans-Regular.ttf")
}
@font-face {
    font-family:Grooved;
    src: url("fonts/Grooved.ttf")
}
@font-face {
    font-family:GillSans;
    src: url("fonts/gill-sans-mt.ttf")
}
.shdw {box-shadow: 5px 10px 5px rgb(100,100,100);}

.albumPage {
  background-color: #C2847A;
    background-image: url("images/12x12-BG-C2847A-Noise.jpg");
}

p {color: #D9E9E8; font-size: 16px; font-family: GillSans; text-align: left;margin-left: 2%; margin-right: 2%;
    padding:0px; margin-top:10px; margin-bottom:0px; line-height:105%}
.tr1 {font-size: 20px; font-family: Grooved}
.tr1_ {font-size: 16px; font-family: Grooved}
.tr2 {font-size: 16px; font-family: GillSans}

.footer {font-size:14px; line-height:80%}

.mobileHeader {line-height:140%; text-align: center; color:black}
.mobileSmaller {font-size:13px; line-height:95%; text-align: center}

table {margin-left: 1%; margin-right: 2%}
td {vertical-align: text-top; word-wrap:break-word; padding=0; border:0px; border-collapse:collapse}
table {padding=0; border:0px; table-layout:fixed; border-collapse:collapse}

.limitwidth {width:800px}
.centerAlign {text-align: center} /* not used */
.centerAlign {text-align: center}

h1 {color: #D9E9E8; font-size: 36px; font-family: Grooved; text-align: left;margin-left: 2%; margin-right: 2%;
    padding:0px; margin-bottom:2px; margin-top:10px; font-weight:normal}

h2 {color: #D9E9E8; font-size: 20px; font-family: Grooved; text-align: left;margin-left: 2%; margin-right: 2%;
    padding:0px; margin-bottom:2px; margin-top:10px; font-weight:normal}


a {color: #FFFFFF; text-decoration:none; font-weight:normal}

a.link {color: #FFFFFF; text-decoration:none; font-weight:normal}

a:active {color: #FFFFFF; font-weight:bold}

a:hover {color: #FFFFFF; font-weight:bold}

summary {
  display: block;
    color:#D9E9E8
}

/* Create a new custom triangle on the right side */
summary::after {
  margin-left: 5ch;
  display: inline-block;
  content: '→';
  transition: 0.1s;
}

details[open] > summary::after {
  transform: rotate(90deg);
}