@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: blacknebula;
    src: url('https://summerkaptilo.neocities.org/Images/BlackNebula.ttf'),
    url('/Images/BlackNebula.ttf');
    }
    
    body {
     background-image: url('/Me/Lists/Wishlists/Images/online_bg.gif'); 
     margin: 0px;
     font-family: 'mini';
     color: #4d0f46;
     font-size: 20px;
    }
    
    .container {
      margin-left: auto;
      margin-right: auto;
      width: 800px; 
      background-color: #ffc2c9;
      border-color: #a02864;
      border-style: solid;
      border-width: 1px;
    }
    
    .header {
      width: 800px;
      height: 400px;
      background-image: url('/Me/Lists/Wishlists/Images/online_header.png');
    }
    
    .box {
      width: 100%;
      height: 500px;
      overflow-y: scroll;
      overflow-x: hidden;
      padding: 5px;
      text-align: center;
    }
    
    h1 {
     font-family: 'blacknebula'; 
     font-size: 32px;
     background-color: #a02864;
     color: #ffc2c9;
     width: 90%;
     margin-left: auto;
     margin-right: auto;
    }
    
    h2 {
     font-family: 'blacknebula'; 
     font-size: 24px;
    }
    
    a {
     font-family: 'blacknebula'; 
     font-size: 18px;
     color: #a02864;
    }
    
    .emoji {
     font-family: 'emoji'; 
    }
    
    ul {
     list-style-position: inside; 
     list-style-image: url('/Me/Lists/Wishlists/Images/online_bullet1.gif'); 
     padding: 0px;
     font-weight: bold;
    }
    
    .extra {
     list-style-position: inside;
     list-style-image: url('/Me/Lists/Wishlists/Images/online_bullet2.gif'); 
     padding: 0px;
     color: #a02864;
     font-weight: normal;
    }
    
    .got {
      text-decoration: line-through;
    }