font-face {
  font-family: "Phosphene"; 
  src: url("fonts/Phosphene.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

selector {
  font-family: "Times New Roman", Times, serif;
}


body {
  font-family: "Phosphene";
  font-size: 14px;
  color: #000;
}

  <style>
    @font-face {
      font-family: "Times";
      src:;
      font-weight: normal;
      font-style: normal;
      
     @font-face {
      font-family: "Phosphene";
      src: url("fonts/Phosphene.ttf") format("truetype");
      font-weight: normal;
      font-style: normal;
    }
    }

    .body {
      margin: 0;
      font-family: "times new roman", serif;
      font-size: 12px;
      background-image: url('1757785483620959.jpg');
      background-size: contain;
      color: #000;
      line-height: 1;

    }

    .wrap {
      max-width: auto;
      margin: 100 auto;
      background-color: red;
      padding: 0;
    }

    .header {
      text-align: center;
      padding: 10px;
      background-color: red;
      margin-bottom: 0px;
    }

    header h1 {
      margin: 0;
      font-size: 18px;
    }

    header p {
      margin: 4px;
      font-size: 10px;
    }

    .grid {
      display: grid;
      background: blue;

    }

    main {
      border: 1px solid #111;
      padding: 2px;
      background: white;
    }

    .container {
      display: grid;
      align-items: left;
      border: 10px solid;
     
    }

    .post1 {
      margin-bottom: 1px;
    }

    .post2 {
      font-size: 12px;
      font: "Phosphene";

    }

    .links a {
      display: inline-block;
      margin: px;
      text-decoration: none;
      color: #111;
      font-family: "Phosphene";
      border: 1px solid #000;
      padding: 4px 8px;
      text-align: center;
    }

    .footer a {
      text-align: center;
      font-size: 10px;
      border-top: 2px solid #111;
      padding-top: 10px;
    }
  </style>