@font-face {
    font-family: "Dosis";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/dosis/v34/HhyJU5sn9vOmLxNkIwRSjTVNWLEJN7Ml2xME.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
        U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Bokor';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/bokor/v32/m8JcjfpeeaqTiS2Rfog.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: Bastarda;
    src: url("https://shadow-of-valtus.neocities.org/fonts/Bastarda.ttf");
}

body {
  /*Just to make the main pages look a little nicer.*/
  font-family: 'Dosis', Verdana, sans-serif;
  font-size: 0.95em;
  background: url("https://shadow-of-valtus.neocities.org/images/valtus_assets/wallpaper_2xblue.png");
  }
  
h1,
h2{
    font-family: 'Bokor', Georgia, serif;
}
a {
  color: #dedee0;
  }
  
tt {
  font-size: 1.05em; /* since it's pretty small by default */
  }

/*No style, used to keep footer et al contained.*/
.main-container {
  }

/*Pages go in here.*/
.story-container {
  width: 460px;
  height: 790px;
border: 12px solid;
border-image: url(https://shadow-of-valtus.neocities.org/images/borders/DollArchive_frame3full.png) 9 round;   
  margin: 0 auto;
  margin-top:20px;
  overflow: hidden;
  }

/*Individual pages of the story.*/
.page {
  width: 460px;
  height: 790px;
  overflow:hidden auto;
  position:relative;   
  }
  
.page-content {
  padding: 10px 15px 15px 15px;
  /*Extra padding at top is for the page number - remove if unused.*/
  }
  
.page-number {
  position: absolute;
  float: right;
  right:0;
  padding: 15px;
  }
  
/*To keep choices always at the bottom of the page.*/
.stick-to-bottom {
  padding-bottom:6px;
  width: 480px;
  }
  
/*Optional footer buttons.*/
.footer {
  width: 480px;
  margin: 0 auto;
  margin-top: 15px;
  padding-bottom: 15px;
  }
  
.left {
  float: left;
  padding-left:2px;
  }
  
.right {
  float: right;
  right: 0;
  padding-right:2px;
  }

.theme{
    float:left;
margin-left:52px;    
}
  
  
/*Standard page styling base.*/

.page {
  background:url(https://shadow-of-valtus.neocities.org/images/backgrounds/seamlesstexture20_500.jpg); /*REPLACE WITH YOUR OWN - DO NOT HOTLINK*/
  color: #000;
  }
  
.page a {
  color: #006653;
  }
  
.page a:focus, .page a:hover {
  color: #00977b;
  }
  
.page a:focus {
  outline: 1px solid #006653;
  }

  
/*Special styling for the example game.*/

.ancient {
  background: url(/creations/conlangs/006-Paper-Kraft_alt.jpg); /*REPLACE WITH YOUR OWN - DO NOT HOTLINK*/
  box-shadow: inset 0 0 25px 0px rgba(15,5,0,0.9);
  font-family: "Symbola", Symbola, Goudy Stout, Palatino, serif;
  font-weight:bold;
  color: #000;
  }
  
.ancient hr {
  height:2px;
  border:0;
  margin-left:0;
  margin-right:0;
  background: linear-gradient(to left, rgb(0,0,0,0), #421810 ,rgb(0,0,0,0));
  }
  
.ancient a {
  color: #3d120a;
  }
  
.ancient a:focus, .ancient a:hover {
  color: #661608;
  }
  
.ancient a:focus {
  outline: #421810 1px solid;
  }
  
.ancient .page-number {
  padding: 20px 20px 10px 10px;
  }
  
.ancient .page-content {
  padding: 40px;
  }
  
.ancient .stick-to-bottom {
  padding-bottom: 40px;
  padding-right: 40px;
  width: 400px;
  }
  
.byline {
  font-size: 0.9em;
  font-style:italic;
  }


/*Support for mobile and narrow screens*/
@media(max-width: 480px) {
  .story-container, .footer, .page, .ancient .page {
    margin:0;
    padding:0;
    width: 100%;
    }
  .ancient .stick-to-bottom {
    margin:0;
    padding:0;
    width: 85%;
    position: static;
    }
  .ancient .stick-to-bottom {
    padding-bottom: 5%;
    margin: 0 auto;
    }
  }

.center{
    text-align:center;
}

.center img{
    margin:auto;
}