* {
    box-sizing: border-box;
  }
  
  @font-face {
      font-family: 'PixelOperator';
      src: url('../fonts/PixelOperator.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
  }
  
  /* header font */
  .header, h1, h2, h3, h4, h5, .footer  {
    font-family: 'PixelOperator';
  }
  
  /* body font */
  p, ul {
    font-family: 'PixelOperator';
  }
  
  a {
    color: orangered;
    text-decoration: none;
  }
  
  a:hover {
    color: purple;
    text-decoration: none;
  }
  
  
  body {
    padding: 4px;
    background-color: white;
    color: black;
  }