@font-face {
    font-family: 'sh_pinscherregular';
    src: url('fonts/shpinscher-regular-webfont.woff2') format('woff2'),
         url('fonts/shpinscher-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
* {
   box-sizing: border-box;
}
      body {
         background-image: url(https://files.catbox.moe/3w95ly.JPG);
      background-repeat: repeat;
      }
      #container {
         display:flex;
         width: 800px;
         margin-left: auto;
         margin-right: auto;
      }
      #warning {
         width: 600px;
         background-color: black;
         border-width: 6px;
          border-style: solid;
          border-image: url("https://file.garden/ZZ2PUl9MPilKgIvB/collection/borders/488ipm.png") 6 fill round;
      
      }
      .container {
  position: relative;
}

.topleft {
  position: absolute;
  top: 8px;
  left: 12px;
  font-size: 20px;
}

      #side image {
         width: 200px;
      }
   #header {
      background-color: black;
      width: 800px;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      border-width: 6px;
          border-style: solid;
          border-image: url("https://file.garden/ZZ2PUl9MPilKgIvB/collection/borders/488ipm.png") 6 fill round;
      
   }
   #footer {
      background-color: black;
      width: 800px;
      margin-right: auto;
      margin-left: auto;
      text-align: center;
      border-width: 6px;
          border-style: solid;
          border-image: url("https://file.garden/ZZ2PUl9MPilKgIvB/collection/borders/488ipm.png") 6 fill round;
   }
   a {
      color: #eba834;
      text-decoration: none;
   }
   #footer a:hover {
text-decoration: underline;
   }
      div {
         border-radius: 5px;
         padding: 2px;
         border-width: 6px;
          
      }
      body {
         color: azure;
      font-family: "SH Pinscher";
     letter-spacing: 0.05rem;
      }
   #header, #warning, #side image, #footer {
      padding: 20px;
   }