body{
    background-color: rgb(255, 255, 255);
    font-family: 'Courier New', Courier, monospace;
}
.comicBox{
    
    margin: auto;
    text-align: center;
}
.comicBack{
    width: 650px;
    background-color: rgba(255,255,255,0.5);
    margin: 0 auto;
    font-weight: bold;
    
  }
.textBox{
    margin: auto;
    display: block;
    width: 300px;
    text-align: center;
}
.textBoxComic{
    margin: auto;
    display: block;
    width: 500px;
    text-align: center;
}
.greyTextBox{
    margin: auto;
    display: block;
    width: 500px;
    text-align: center;
}
.forestBackground{
    background: url(images/backgrounds/forest-background.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
.castleBackground{
    background: url(images/backgrounds/castle-background-int.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
.castleBackgroundOutside{
    background: url(images/backgrounds/castle-background.png);
    background-repeat: repeat;
    background-size: auto;
    background-attachment:scroll;
  }