@font-face {
  font-family: "Minion Pro";
  src: url('Minion-Pro-Regular.ttf') format('truetype');
}

@font-face {
  font-family: "Myriad Pro";
  src: url('Myriad-Pro-Cond.otf') format('opentype');
}

body {
  background-color: #eeeeee;
  font-family: "Minion Pro";
}

.outer {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.middle {
  display: table-cell;
  vertical-align: middle;
}

.inner {
  margin-left: auto;
  margin-right: auto;
  width: calc(90vmin + 5%);
  /*width: 80%;*/
  /*width: 600px;*/
}

.model-box {
  position:   relative;
  width:      95%;
  height: 0;
  padding-top:   100%; 
}

.model {
  position: absolute;
  top:      0;
  left:     0;
  bottom:   0;
  right:    0;
  width:    100%;
  height:   100%
}

.credit {
  font-size: calc(1.0vmax - 0.8vmin + 40%);
  color: rgba(0, 0, 0, 0.7);
  text-align: left;
}

/* AWESOME way to do font size *smiley* */
h1 {
  font-family: "Myriad Pro";
  font-size: calc((1.5vmax + 1.8vh + 60%)*1.3);
  text-align: center;
  line-height: 0;
  padding: 3% 0px 0 0;
}

h2 {
  font-family: "Myriad Pro";
  font-size: calc(0.6vmax + 1.8vmin + 60%);
  line-height: 0;
  padding: 2.5vmax 0 0 0;
}

p {
  font-size: calc(0.3vmax + 1.8vmin + 60%);
  /*font-size: 120.5%;*/
  line-height: 1.5;
  padding: 20px 0 0 0;
  margin-bottom:0; 
}

details > summary {
  /* same as p */ 
  font-weight: bold;
  font-size: calc(1.0vmax - 0.8vmin + 60%);
  /*font-size: 120.5%;*/
  line-height: 1.5;
  padding: 0 0 0 0;
}

/*details[open] {
  padding: 0.5em;
}*/

li::marker {
  font-size: calc(0.3vmax + 1.8vmin + 60%);
  line-height: 1.5;
  padding: 20px 0 5px 0;
}

blockquote {
  font-size: calc((0.3vmax + 1.6vmin + 60%)*0.8);
  line-height: 1.5;
  padding: 5%;
  /*margin-left: 0;*/
  margin: 0px;
  background-color: #e1e1ea;
  text-align:justify
}

.audiobox {
  font-size: calc((0.3vmax + 1.6vmin + 60%)*0.8);
  line-height: 1.5;
  padding: 1%;
  margin: 0px;
  margin-bottom:0; 
  background-color: #e1e1ea;
  text-align: center;
}

/*img {
  
}*/

.notebox {
  width: calc(90vmin - 80px);
  font-size: calc((0.3vmax + 1.6vmin + 60%)*0.6);
  line-height: 1.5;
  padding: 1%;
  padding-left:10px;
  padding-right:10px;
  margin: 0px;
  margin-top:1%; 
  background-color: #e1e1ea;
  text-align: center
}

.contentwarning {
  /** width: calc(90vmin - 80px);**/
  /** font-weight: bold; **/
  font-size: calc((0.3vmax + 1.6vmin + 60%)*0.8);
  line-height: 1.5;
  padding: 1%;
  /*margin-left: 0;*/
  margin: 0px;
  margin-bottom:0; 
  background-color: #e1e1ea;
  text-align: center;
}

img {
  width: calc(100% - 20px);
  border: 10px solid #e1e1ea;
  margin: 0;
}

iframe {
  width: calc(90vmin - 80px);
  height: calc(50vmin - 80px);
  border:10px solid #e1e1ea; 
}

a:hover,a:visited,a:link {color:#230270;}