@font-face {
  font-family: 'lores12';
  font-weight: 400;
  src: url('../assets/lores12otremake-webfont.woff2') format('woff2'),
       url('../assets/lores12otremake-webfont.woff') format('woff');
}

@font-face {
  font-family: 'courier prime';
  font-weight: 400;
  src: url('../assets/courierprime-regular-webfont.woff2') format('woff2'),
       url('../assets/courierprime-regular-webfont.woff') format('woff');
}


body {
        background-color: #e5decf;
        color: black;
        font-size: 21px;
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 50px;
        font-family: 'lores12', 'Courier New', monospace;
      } 
      
      h1 {
        color: red;
        line-height: 1;
        margin-bottom: 0px;
        font-family: 'lores12', 'Nimbus Mono PS', 'Courier New', monospace;
        font-weight: 400;
      }
    
      h2 {
        color: red;
        line-height: 1;
        margin-top: 0px;
        font-weight: 400;
      }  
      
      h3 {
        font-size: 25px;
        margin-bottom: 5px;
        line-height: 1;
        font-weight: 400;
      }
      
      p {
        background-color: white;
        padding: 5px;
        padding-bottom: 10px;
        line-height: 1.3;
      }
    
      ul {
        background-color: white;
        padding: 5px;
        padding-bottom: 10px;
        margin-top: 10px;
        line-height: 1.3;
        list-style-type: none;
      }
      
      p a{
        color: #800080;
      }
      
      p a:hover {
        color: hotpink;
      }
      
      li a {
        color: #800080;
      }

      li a:hover {
        color: hotpink;
      }
      
      div a {
        color: #800080;
      }
      
      div a:hover {
        color: hotpink;
      }