p {
  color: black;
}

h1 {
  color: maroon;
}

.title {
  color: teal;
}

.uppercase {
      text-transform: uppercase;
      color: black;
      font-family: Verdana;
      text-align: center;
      margin-bottom: 20px;
}

.header {
  border: 3px solid black;
  width: fit-content;
  box-sizing: border-box;
  color: black;
  font-family: "Courier New", Courier, monospace;
}

.objective {
  border: 3px solid black;
  width: fit-content;
  box-sizing: border-box;
  color: black;
  font-family: "Courier New", Courier, monospace;
font-weight: bold;
}

.details {
  text-transform: uppercase;
  color: black;
border: 2px solid black;
width: 250px;
font-family: "Courier New", Courier, monospace;
font-weight: bold;
}

.infiltration {
  border: 3px solid black;
  width: fit-content;
  box-sizing: border-box;
  color: black;
  font-family: "Courier New", Courier, monospace;
}

ul
{
list-style-type: none;
padding: 0;
margin: 0;
text-align: right;
}


.conclusion {
  border: 3px solid black;
  width: fit-content;
  box-sizing: border-box;
  color: black;
  font-family: "Courier New", Courier, monospace;
}

#article-title {
  font-family: cursive;
}


    .watermark {
      position: fixed;
      top: 25%;
      left: 50%;
      transform: translate(-50%, -50%);
      opacity: 0.2;
      font-size: 68px;
      font-weight: bold;
      color: #ff0000;
      z-index: -1;
    }
   
 .watermark2 {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      opacity: 0.2;
      font-size: 48px;
      font-weight: bold;
      color: #ff0000;
      z-index: -1;
    }




       .redactable {
      position: relative;
      cursor: pointer;
      transform: skewY(-5deg) rotate(5deg);
    }

    .redactable::after {
      content: "";
    position: absolute;
      top: 0; left: 0;
      padding: 2px;
      width: 100%;
      height: 100%;
      background-color: black;
      opacity: 5;
      z-index: 1;
      pointer-events: none;  
      transform: skewY(-5deg) rotate(5deg);
    }


    .redactable:hover::after {
      opacity: .5;
    }


@font-face {
  font-family: "Aurek-Besh";
  src: local("Aurek-Besh"), url("Aurek-Besh.ttf") ;
}

<style media="screen, print">
      @font-face {
        font-family: "Bitstream Vera Serif Bold";
        src: url("https://mdn.github.io/css-examples/web-fonts/VeraSeBd.ttf");
      }

@import url('https://fonts.cdnfonts.com/css/aurebesh');