@font-face { 
    font-family: emoji;
    src: url('https://summerkaptilo.neocities.org/Images/EmojiFont.ttf'),
    url('/Images/EmojiFont.ttf');
    }
    
    @font-face { 
    font-family: mini;
    src: url('https://summerkaptilo.neocities.org/Images/MiniFont.ttf'),
    url('/Images/MiniFont.ttf');
    }
    
    @font-face { 
    font-family: spirit;
    src: url('https://summerkaptilo.neocities.org/Images/Spirit.ttf'),
    url('/Images/Spirit.ttf');
    }
    
    @font-face { 
    font-family: lilspirit;
    src: url('https://summerkaptilo.neocities.org/Images/LittleSpirit.ttf'),
    url('/Images/LittleSpirit.ttf');
    }
    
    body {
      background-image: url('/Fandom/Fics/Commentary/Images/bg.png');
     font-family: 'mini'; 
     font-size: 20px;
    }
    
    ::-webkit-scrollbar {
  width: 3px;
}

::-webkit-scrollbar-track {
  background: #fbc98f;
}

::-webkit-scrollbar-thumb {
  background: #953631;
}

::-webkit-scrollbar-thumb:hover {
  background: #953631;
}
    
    .container {
     background-image: url('/Fandom/Fics/Commentary/Images/book.png');
     width: 1090px;
     height: 871px;
     margin: auto;
     display: flex;
     overflow: hidden;
    }
    
    .nav {
      height: 800px;
      width: 450px;
      margin: auto;
      margin-left: 60px;
      text-align: center;
      overflow-y: scroll;
      overflow-x: hidden;
    }
    
    .frame {
      height: 800px;
      width: 470px;
      margin: auto;
      margin-right: 50px;
      overflow: hidden;
    }
    
    .framestyle {
   height: 800px;
   width: 470px;
   border-style: none;
  }
  
  h1 {
   font-family: 'spirit'; 
   font-size: 32px;
  }
  
  .cat {
   font-family: 'lilspirit'; 
   font-size: 26px;
  }
  
  a {
    text-decoration: underline;
    text-decoration-style: wavy;
    color: #953631;
  }
  
  ul {
    text-align: left; 
    list-style-image: url('/Fandom/Fics/Commentary/Images/bullet_1.gif');
  }
  
  .more {
    text-align: left; 
    list-style-image: url('/Fandom/Fics/Commentary/Images/bullet_2.gif'); 
  }
  
  details>summary {
   text-decoration: underline;
   text-decoration-style: wavy;
   color: #953631;
  }
  
  .emoji {
   font-family: 'emoji'; 
  }