body {
              /*stretched*/
              background-image: url(/pictures/bg/bliss-warframe.jpg);
              background-repeat: no-repeat;
              background-attachment: fixed;
              background-size: 100% 100%;
              /*tiled
              background-image: url(/pictures/bg/L4.gif);
              background-repeat: repeat;
              background-attachment: fixed;*/
              /*background-position: ;*/
              background-color: #000;
              color: #000;
              cursor: url('/cursors/Yellow-Eye.cur'), pointer;
              font-family: 'Silkscreen', sans-serif;
            }
      
/* Fonts */

            @font-face {
                font-family: Silkscreen;
                src: url('/fonts/Silkscreen-Regular.ttf');
            }

            @font-face {
                font-family: Silkscreen;
                src: url('/fonts/Silkscreen-Bold.ttf');
                font-weight: bold;
            }

            /*@font-face {
                font-family: Silkscreen;
                src: url('');
                font-style: italic;
            }

            @font-face {
                font-family: Silkscreen;
                src: url('');
                font-style: italic;
                font-weight: bold;
            }*/
            

/* Image Shake */
            img:hover {
              /* Start the shake animation and make the animation last for 0.5 seconds */
              animation: shake 0.5s;
            
              /* When the animation is finished, start again */
              animation-iteration-count: infinite;
            }
            
            @keyframes shake {
              0% { transform: translate(1px, 1px) rotate(0deg); }
              10% { transform: translate(-1px, -2px) rotate(-1deg); }
              20% { transform: translate(-3px, 0px) rotate(1deg); }
              30% { transform: translate(3px, 2px) rotate(0deg); }
              40% { transform: translate(1px, -1px) rotate(1deg); }
              50% { transform: translate(-1px, 2px) rotate(-1deg); }
              60% { transform: translate(-3px, 1px) rotate(0deg); }
              70% { transform: translate(3px, 1px) rotate(-1deg); }
              80% { transform: translate(-1px, -1px) rotate(1deg); }
              90% { transform: translate(1px, 2px) rotate(0deg); }
              100% { transform: translate(1px, -2px) rotate(-1deg); }
            }
            
              /* Unvisted Hyperlink */
              a:link {
                color: #D39A22;
              }
              
              /* Visted Hyperlink  */
              a:visited {
                color: #000;
              }
              
              /* Hover Over Hyperlink */
              a:hover {
                color: #D39A22;
              }
              
              /* Selected Hyperlink */
              a:active {
                color: #D39A22;
              }
        

/* BELOW THIS POINT IS MEDIA QUERY */

            @media only screen and (max-width: 1024px) 
            {
                #flex {
                    flex-wrap: wrap;
                }
              }

/* Tablet - 1024px */

            @media only screen and (max-width: 1024px) 
            {
              :root {
                --body-bg-image:none;
              }
              #webamp {
                display:none;
              }
            }

/* Tablet - 900px */

            @media only screen and (max-width: 900px) 
            {
              :root {
                --body-bg-image:none;
              }
              #webamp {
                display:none;
              }
            }

/* Mobile Phone - 600px */

            @media only screen and (max-width: 600px) 
            {
              :root {
                --body-bg-image:none;
              }
              #webamp {
                display:none;
              }
              p {
                font-size:75%;
              }
            }