@font-face {
  font-family: FuturaMedium;
  src: url("../fonts/Futura Medium.otf");
}

@font-face {
  font-family: FuturaItalic;
  src: url("../fonts/Futura Medium Oblique.otf");
}

@font-face {
  font-family: HeiseiW3;
  src: url("../fonts/Kozuka Mincho Pro EL.otf");
}

@media (min-width: 1001px) {
    #holder {
        
    position:relative;
    padding: 5% 10% 5% 10%;
	  background-color: FloralWhite;
	  background-clip: content-box;
    }
    
    #toc {
   display: flex; width: 90%;
  
    font-family: HeiseiW3; 
    font-size: 24px; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: 400;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    
    justify-content: space-between;
    
  align-items: center;
    
}

p {
    margin-bottom: 0in;
    font-family: SimSun;
    font-size: 16px; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: 400;
}

   figure {
     display:inline; 
     position: relative;
     width:50%;
   }
   
   figcaption {
     font-size: 1vw;
   }
   
   img {
     width:15vw; 
     object-fit:scale-down;
   }
}

@media (max-width: 1000px) {
    #holder {
        
    position:relative;
	  background-color: FloralWhite;
	  background-clip: content-box;
    }
    
    #toc {
   display: flex; width: 90%;
   align-items: center; /* Vertically centers items */
   flex-direction: column;
  
    font-family: HeiseiW3; 
    font-size: 20px; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: 400;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

  figure {
    width: 95vw;
  }
  
  img {
    width: 100%;
  }
  
  figcaption {
    
  }

  p {
    font-size: 16px; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: 400; 
    text-indent: 2em;
    margin-bottom: 0in;
    font-family: SimSun;
}

}

body{
    background: url("../redsatin1.jpg") repeat;
    
}

#body_text {
    font-family: HeiseiW3; 
    font-size: 20px; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: 400; 
}


#jp {
	font-family: HeiseiW3; 
    font-size: 12px; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: 400; 
    text-indent: 2em;
	background-color: silver;
}

#quote {
    text-indent: 2em;
    font-size: 16px; 
	  background-color: silver;
	  font-family: Baskerville, Baskerville Old Face, Hoefler Text, Garamond, Times New Roman, serif; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: 400;
}

#quotef {
    text-indent: 2em;
    font-size: 16px; 
	background-color: silver;
}

#emph {
    text-indent: 2em;
	background-color: silver;
	color: darkslategray;
}

header {
  font-family: HeiseiW3;
  font-size: 60;
  margin: 0;
}

h2 {
  font-family: HeiseiW3;
  font-size: 35;
  margin: 0;
}

#minheader {
  font-family: HeiseiW3;
  font-size: 45;
  padding:0;
}

#blurb {
	font-family: HeiseiW3;
  	font-size: 20;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

footer{
  font-family: HeiseiW3;
  font-size: 30;
}