@import url('https://fonts.googleapis.com/css?family=Playfair+Display|Source+Sans+Pro&display=swap');

@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville&display=swap');

body {
  background-color: #fff;
  color: #373D3F;
  width: 320px;
  margin: 8px 10px 5px 21px;
  font-family: 'Source Sans Pro', sans-serif;
  }

p {
  text-align: justify;
  font-size: 15px;
  font-family: 'Source Sans Pro', sans-serif;
  width: 320px;
  }

pre {
  font-size: 12px;
}

h1 {
  font-family: 'Libre Baskerville', serif;
  font-size: 32px;
  font-weight: 400;
}

h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 25px;
  font-weight: 400;
}

h3 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 22px;
  font-weight: 400;
}

h4 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.footer {
  font-size: 16.1px;
}

.collapse{
  cursor: pointer;
  display: block;
  background: #fff;
  font-size: 20px;
  color: #1287a8;
  font-family: 'Source Sans Pro', sans-serif;
}

.collapse + input{
  display: none;
  font-family: 'Source Sans Pro', sans-serif;
}

.collapse + input + div{
  font-size: 14px;
  font-family: 'Source Sans Pro', sans-serif;
  display: none;
}

.collapse + input:checked + div{
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
}

a.title:link {
  color: #373D3F;
  text-decoration: none;
}

a.title:visited {
  color: #373D3F;
  text-decoration: none;
}

a.title:hover {
  color: #373D3F;
  text-decoration: none;
}

a.title:active {
  color: #373D3F;
  text-decoration: none;
}

a:link {
  color: #1287a8;
  text-decoration: none;
}

a:visited {
  color: #1287a8;
  text-decoration: none;
}

a:hover {
  color: #1287a8;
  text-decoration: none;
}

a:active {
  color: #1287a8;
  text-decoration: none;
}

.basketball {
  color: #E47041
}

.teal {
  color: #00c3e6;
}

.purple {
  color: #8d7de8;
}

.titlelink {

}