body {
    font-family: 'Andale Mono';
    margin: 0 auto;
}

h1{
    font-size: 32pt;
}

h2{
    font-size: 20pt;
}

h2.album{
    font-family: 'Petit Formal';
}

h3{
    font-style:italic;
    font-size: 16pt;
}

p{
    width: 400px;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 20px;
    font-family:Georgia, 'Times New Roman', Times, serif;
}


.sigil {
    width: 200px;
    height: auto;
    margin: 0 auto;
}

.fancy{
    width: 80%;
    height: auto;
    margin: 0 auto;
}

.first-bar{
    position: fixed;
    padding: 25px;
    left: 0;
    height: 100%;
    width: 200px;
    border-right: 1pt black solid;
    text-align: center;
}

.second-bar{
    position: fixed;
    padding: 25px;
    left: 250px;
    height: 100%;
    width: 200px;
    border-right: 1pt black solid;
    text-align: right;
}

.display{
    position: absolute;
    padding: 25px;
    height:100%;
    left: 500px;
}

.album{
    font-family: 'Didot', Georgia, serif;
    font-size: larger;
    line-height: 30pt;
}

@font-face {
  src: url('andale-mono.ttf') format('truetype');
  font-family: 'Andale Mono';
  font-weight: 400;
  font-style: normal;
}

@font-face {
  src: url('didot.ttf') format('truetype');
  font-family: 'Didot';
  font-weight: 400;
  font-style: normal;
}

@font-face {
  src: url('petit-formal.ttf') format('truetype');
  font-family: 'Petit Formal';
  font-weight: 400;
  font-style: normal;
}