* {box-sizing:border-box;}
 html {height:100vh; border:0px solid #22210C; border-right:0px solid #22210C; }
      
      body {
      background-color:#f3ead8;
      color:#081910;
      }

      .row {}
      .wrapper {display:block; padding:.5rem; text-align:center; }
      .container {width:800px; padding:.5rem; background:#F6F94E; font-family:'Dinomik', sans-serif; border:1px solid black; border-radius:3px; margin:0 auto; box-shadow:0 0 5px black;}
    .title {width:600px; text-align:center; font-size:90px; font-family:'ulminost trial','chillight'; line-height:1; margin:120px 3rem 0 auto; }
    
    .back {display:flex; }
    
    section {
      font-size:.8rem;
      padding:.3rem 0 .1rem;
      margin-bottom:.5rem;
     
    }

    .more-info {
      width: 400px; 
      height:fit-content; 
      padding: 2px;
      background-color:#f3ead8; 
      background-image:url(); 
      background-blend-mode:multiply; 
      border:0px solid #866c5a; 
      border-radius:4px; 
      box-shadow:0 0 5px rgba(0,0,0,.7);
      margin-right:.8rem;
    }
    
    .more-content {
      width:100%; 
      padding:10px 15px 20px 15px; 
      border: 2px dotted;
    }
    
    .more-header {
      display:flex; 
      align-items:center; 
      text-align:right; 
      font-size:21px; color: #866c5a; 
      font-family:'belerofonte'; 
      line-height:1; 
      margin-bottom:5px;
    }
    
    .more-star {
      display:grid; 
      align-items:center; 
      height:20px; 
      width:20px; 
      padding:1px 3px; 
      background: ; 
      background-image:url('https://www.transparenttextures.com/patterns/groovepaper.png'); 
      color: #866c5a; 
      text-align:center; 
      font-size:16px; 
      line-height:12px; 
      border-radius:3px; 
      margin-top:-2px; 
      margin-right:5px;
    }
    
    .more-wrapper {
      padding:0px; font-family:'times new roman', serif; border:1px dotted #866c5a; border-radius:3px;
    }
    


::selection {background:#FE6616; color:#EDF1D0; }

b {letter-spacing:0px; }

h1,
h2,
h3,
H4,
h5 {display:block; margin:0px;}

.back {display:flex; }

.title {width:600px; text-align:center; font-size:90px; font-family:'ulminost trial','chillight'; line-height:1; margin:120px 3rem 0 auto; }

.main {max-width:600px; height:fit-content; padding:5px 0 5px 0; border:1px solid; }

.nav {padding:0 10px 5px 10px; text-align:center; font-weight:bold; border-bottom:1px dashed; }
.nav a {margin:0 5px; }

.content {height:fit-content; max-height:356px; overflow-y:scroll; padding:10px 20px 0px 20px; margin-top:5px; }

.content .quote {width:100%; text-align:center; letter-spacing:2px; margin:1rem auto; }

.content .expl {padding-top:5px; margin-top:1rem; margin-bottom:1rem; }

.short-info {width:350px; height:fit-content; padding-left:6px; border-left:4px double; }
.short-trivia {}

.short-trivia ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.short-trivia li {
    padding-left: 1em;
  text-indent: -1.2em;
}
.short-trivia li::before {
  content: "â–¸";
  padding-right: 4px;
  font-weight:bold;
}

.pic-border {width:200px; height:fit-content; padding:5px; background:transparent; border:1px solid black; border-radius:3px; margin-top:0; }
.pic-border:hover {transform:rotate(1deg); }
.pic {width:190px; height:230px; background:#218861; background-image:url('https://i.pinimg.com/736x/23/a0/3c/23a03c5d60028e084a8ab22672b36301.jpg'); background-size:cover; background-blend-mode:multiply; filter: blur(.8px); }

.content .entry {padding:0px 0px 0px 5px; border-left:15px solid; margin-bottom:1rem; }

.content .header {display:flex; justify-content:space-between; padding:5px 0 0 0; font-size:12px; font-weight:bold; line-height:1; border-top:double; border-bottom:1px dotted; }

.content .entry-text {padding:1rem .5rem; }