@font-face {
	font-family: "NotInterRegular";
	src: url("/ui/NotInter-Regular.ttf");
}

.notinter-regular {
	font-family: "NotInterRegular", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.chapterTree {width:80%;margin-left:auto;margin-right:auto;text-align:center;}

.unused{
  background-color:rgba(247, 173, 215,0.2);
  color:#f73337;
}

.textcontainer {
    display:block;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:75%;
    top:10%;
    height:85%;
    overflow-y:auto;
    scrollbar-width:thin;
    scrollbar-color:#f2df80 transparent;
  color:#5e2e18;
  background-color:#d8ba75;
  border: 15px #917fc0 solid;
  box-shadow:inset 0 0 0 0.4vw #be9f5f;
  font-family:"CandideCondensedRegular", serif;
  margin-top:3px;
  margin-bottom:3px;
  padding-left:12px;
  font-size:16px;
  z-index:5;
  }
  
  td, tr, th{
    			  padding:0.5%;
    			}
    			
    			h4{text-align:center;text-decoration:underline; font-weight: bold;}
    			
    			h2{
    			  padding-top:1%;
    			 padding-bottom:1%;
    			 text-align:center;
    			}
  
  tr:not(:first-child){
    border-top: 1px dotted #3c3c3c;
  }
  
  tr:not(:last-child){
    border-bottom: 1px dotted #3c3c3c;
  }
  
    table{
      border-collapse:collapse;
      margin:6px;
      padding-top:5%;
      padding-bottom:5%;
      max-height:80%;
      width:90%;
      margin-left:auto;margin-right:auto;  
      color:#5e2e18;
  background-color:rgba(90,120,118,0);
    	font-family:"CandideCondensedRegular", serif;
  text-shadow: -1px -1px 0 #dec491, 1px -1px 0 #dec491, -1px 1px 0 #dec491, 1px 1px 0 #dec491;
    }
    .speaker {
    	min-width:15%;
    	text-align:right;
    	font-weight: bold;
    	font-family:"CandideCondensedRegular", serif;
    	color:#f2df80;
  text-shadow: -1px -1px 0 #7b5b04, 1px -1px 0 #7b5b04, -1px 1px 0 #7b5b04, 1px 1px 0 #7b5b04;
    }
    
    a{color:#7b5b04;text-shadow:none;}
    
    .simpleText {border: 1px #eee solid;width:100%;margin-left:auto;margin-right:auto;}
    .jpText {width:35%;
	font-family: "NotInterRegular", sans-serif;}
    
    .optionalScene {background-color:rgba(40, 132, 0,0.2) ;overflow:hidden; border: 1px #288400 solid;width:75%;margin-left:auto;margin-right:auto;margin-bottom:1%;}
    .unusedText {overflow:hidden; border: 1px #e12e2e solid;width:75%;margin-left:auto;margin-right:auto;margin-bottom:1%;background-color:rgba(247, 173, 215,0.2);}
    
    .chapterTree {width:80%;margin-left:auto;margin-right:auto;text-align:center;}
    
    .pagination{text-shadow:none;border-collapse:collapse; border: 1px transparent; width:99%;margin-top:2%;margin-bottom:2%;}
    .pagination-bar{text-align:center;width:33.3%;}
    .fa-arrow-left{
    padding-right:0.5em;
    color:#be9f5f;
    }
    
     .fa-arrow-right{
    padding-left:0.5em;
    color:#be9f5f;
     }
    
    th {font-style: italic;font-weight: normal;text-align:center}
    
    /* Config */
/* mixins */
/* Styles */
html, body {
  height: 100%;
}

.fa-home{
  transform:scale(1.5);
}

.home {
height: fit-content;
  width: fit-content;
  position: absolute;
  left: 0;
  z-index: 5;
  top: 0;
  overflow: hidden;
}

.home a {
  color: rgba(190,190,190, 0.6);
  padding: 16px;
  text-decoration: none;
  display: block;
  position:relative;
  font-size:17px;
}

/* Change color on hover */
.home a:hover {
  color: white;
}

body {
  overflow: hidden;
  background-color:black;
  width:100vw;
  height:100vh;
}

@font-face {
	font-family: "CandideCondensedRegular";
	src: url("/ui/Candide-CondensedMedium.ttf");
}

.candide-condensed-regular {
	font-family: "CandideCondensedRegular", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.page-bg, .animation-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-bg {
  background-image: url('ui/bg.png');
  background-size: cover;
  z-index: 0;
}