@font-face {
        font-family: 'Heavy Gothik';
        src: url('/archives/red/fonts/HeavyGothik.ttf') format('truetype');
      }

      @font-face {
        font-family: 'BGTHC';
        src: url('/archives/red/fonts/BGTHC.ttf') format('truetype');
      }
      
      @font-face {
        font-family: 'comicsans'; 
        src: url('/fonts/comicsans.ttf') format('truetype');
      }
      
      @font-face {
        font-family: 'newgothic';
        src: url('/fonts/newgothic.ttf') format('truetype');
      }
      
      @font-face {
        font-family: 'Glamour';
        src: url('/archives/postmod/fonts/Glamour.ttf') format('truetype');
      }

      img {
        padding: 2px;
      }

      p {
        text-align: center;
        padding: 5px;
        font-size: 25px;
        font-family: 'Times New Roman';
        color: #FF5F1F;
      }
      
      b {
        font-family: 'Times New Roman';
        font-weight: lighter;
        color: yellow;
      }
      
      i {
        font-family: 'Times New Roman';
        color: yellow;
      }
      
      h1 { 
        color: #FF5F1F;
        font-family: 'newgothic';
        font-weight: lighter;
        font-size: 50px;
        padding: 0px;
        margin: 0 0 0 0;
      }
      
      h2 {
        color: darkred;
        text-align: center;
        font-size: 50px;
        font-family: 'Heavy Gothik', Arial, sans-serif;
      }


      h3 {
        text-align: center;
        font-size: 30px;
        font-family: 'BGTHC', Arial, sans-serif;
        color: #FF5F1F;
      }

      a:visited {
        color: #d73c00;
      }

      a:hover {
        color: #ff5f1f;
      }

      a:active {
        color: #ef510f;
      }

      a:link {
        color: white;
      }

      p {
        font-size: 20px;
      }

      ::selection {
        color: black;
        background-color: #FF5F1F;
      }

      .center-div {
        margin-left: auto;
        margin-right: auto;
        width: 800px;
        border-style: double;
        border-color: #FF5F1F; 
        border-width: 4.5px;
        background-image: url('/archives/red/images/background1.jpg');
      }
      
      .center-div2 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 2.5%;
        width: 750px; 
        background-color: black; 
        border-color: #FF5F1F; 
        border-width: 1px; 
        border-style: solid;
        text-align: center;
        padding: 2px;
      }

      .album {
        height: 200px;
        width: 200px;
        margin: 10px;
      }

      .album:hover {
        transform: scale(1.1);
      }

      body {
        background-image: url('/images/gifs/autumnreflection.gif');
        background-size: 100% auto;
      }

      .button-container {
        text-align: center;
        background-color: #1f1f1f;
        width: 800px;
      }

      ul {
        font-family: 'glamour';
        font-weight: lighter;
        color: yellow;
      }

      li {
        color: #FF5F1F;
        text-align: center;
      }

      @keyframes scroll {
        from {
          transform: translateX(0);
        }
        to {
          transform: translateX(calc(-100% - 1rem));
        }
      }

      .scroll {
        animation: scroll 10s linear infinite;
      }

      .reverse {
        animation-direction: reverse;
      }
      
      .media {
        height: auto; 
        width: 200px; 
        margin: 10px;
        border-style: double;
        border-color: #FF5F1F;
        border-width: 4.5px;
      }
      
      .games {
        height: auto; 
        width: 150px; 
        margin: 10px;
        border-style: double;
        border-color: #FF5F1F;
        border-width: 4.5px;
      }
      
      .blinkie {
      width: 150px;
      height: 20px;
    }
    
    .signature {
      font-family: Glamour;
      font-size: 25px;
      color: #FF5F1F;
      margin: 0 10px 0 0;
      text-shadow: 0px 0 black, 0 2px black, 1px 0 black, 0 0px black;
      display: inline-block;
      text-align: right;
      color: #FF5F1F;
    }
    
    .blogalbum {
      width: 70px; 
      height: 70px; 
      float: right; 
      padding-left: 5px; 
      padding-right: 10px; 
      margin-top: -104px;
      border-radius: 50%;
    }