@font-face {
    font-family: 'audio_nuggetbook';
    src: url('../../fonts/audionugget-webfont.woff2') format('woff2'),
         url('../../fonts/audionugget-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'star_jediregular';
    src: url('../../fonts/starjedi-webfont.woff2') format('woff2'),
         url('../../fonts/starjedi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'haloregular';
    src: url('../../fonts/halo-webfont.woff2') format('woff2'),
         url('../../fonts/halo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Call Of Ops Duty';
    src: url('../../fonts/CallOfOpsDuty.woff2') format('woff2'),
        url('../../fonts/CallOfOpsDuty.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quantum';
    src: url('../../fonts/Quantum.woff2') format('woff2'),
        url('../../fonts/Quantum.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'transformersregular';
    src: url('../../fonts/transformers_movie-webfont.woff2') format('woff2'),
         url('../../fonts/transformers_movie-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'overseeritalic';
    src: url('../../fonts/overseeritalic-qqv1-webfont.woff2') format('woff2'),
         url('../../fonts/overseeritalic-qqv1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*
border-width: thin;
 border-style: ridge;
 border-color: #7d34eb;
 border-radius: 15px;
 padding: 15px;
 */
 
.topnav {
  background: clear;
  overflow: hidden;
  font-family: 'audio_nuggetbook';
  
}

.topnav a {
  float: none;
  color: #f2f2f2;
  text-align: center;
  padding: 25px 25px;
  text-decoration: none;
  font-size: 17px;
 
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.topnav a:active {
  background-color: #04AA6D;
  color: white;
}

.topnav img {
   width: 20px;
  height: 20px;
}


body {
  color: black;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:        large;
  margin-left: 20%;
  margin-right: 20%;
  background:  url(tf.png);
  background-size: 100%;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  min-width:300px;
}

.top {

  background: url(../../images/bgif021.gif);
  font-family: 'audio_nuggetbook', Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  text-align: center;
  color: white;
  border-width: thick;
  border-style: ridge;
  border-color: #289405;
}

.top p{
  font-family:  Arial black, Georgia Bold, arial, Georgia, "Times New Roman", Times, serif;
}

h1 {
  background: clear;
  color: white;
  font-family: 'audio_nuggetbook',"Times New Roman", Times, serif;
  text-align: center;
}

h2 {
  color: black;
  font-family: 'audio_nuggetbook',"Times New Roman", Times, serif;
  text-align: center;
   border-bottom: 1px solid black;
}

/*  color: #48f514; */

main {
 margin-top: 30px;
 background-color: rgba(255,255,255,0.5);
 border-width: thick;
 border-style: ridge;
 border-color: #289405;
 border-radius: 15px;
 padding: 15px;
  font-family: sans-serif,"Times New Roman", Times, serif;
}

main h1 {
  font-family: 'transformersregular', "Times New Roman", Times, serif;
    color: black;
    
    text-align: center;
    text-decoration: none;
}

main h2 {
  font-family: 'transformersregular', "Times New Roman", Times, serif;
    color: black;
    
    text-align: center;
    text-decoration: none;
}
  

#outer {
  background-color: black;
  border-width: thick;
  border-style: ridge;
  border-color: #289405;
  border-radius: 15px;
  margin-left:-180px;
  margin-top: -175px;
  width: 150px;
  position: fixed;
  padding: 5px;
  min-height:300px;
   }
  
  
  .mygames {
  font-family: 'audio_nuggetbook';
  color: silver;
  background-color: black;
  text-align: center;
  text-decoration: none;
}

.mygames img {
  width: 20px;
  height: auto;
}

.mygames a:link {
  text-decoration: none;
  color: silver;
}

.mygames a:visited {
  text-decoration: none;
  color: silver;
}

.mygames a:hover {
  text-decoration: none;
  background-color: #ddd;
  color: black;
}

.mygames a:active {
  text-decoration: none;
  color: silver;
}
  
.blogs {
  font-family: 'audio_nuggetbook';
  color: silver;
  background-color: black;
  text-align: center;
  text-decoration: none;
}

.blogs img {
  width: 20px;
  height: auto;
}

.blogs a:link {
  text-decoration: none;
  color: silver;
}

.blogs a:visited {
  text-decoration: none;
  color: silver;
}

.blogs a:hover {
  
    background-color: #ddd;
  color: black;
}

.blogs a:active {
  text-decoration: none;
  color: silver;
}

.mods {
  font-family: 'audio_nuggetbook';
  color: silver;
  background-color: black;
  text-align: center;
  text-decoration: none;
}

.mods img {
   width: 15px;
  height: auto;
}


.mods a:link {
  text-decoration: none;
  color: silver;
}

.mods a:visited {
  text-decoration: none;
  color: silver;
}

.mods a:hover {
  text-decoration: none;
  background-color: #ddd;
  color: black;
}

.mods a:active {
  text-decoration: none;
  color: silver;
}



.maps {
  font-family: 'audio_nuggetbook';
  color: silver;
  background-color: black;
  text-align: center;
  text-decoration: none;
}

.maps img {
   width: 20px;
  height: auto;
}


.maps a:link {
  text-decoration: none;
  color: silver;
}

.maps a:visited {
  text-decoration: none;
  color: silver;
}

.maps a:hover {
  text-decoration: none;
  background-color: #ddd;
  color: black;
}

.maps a:active {
  text-decoration: none;
  color: silver;
}

  
.starwars {
    font-family: 'star_jediregular';
    color: yellow;
    background-color: black;
    text-align: center;
    text-decoration: none;
  }
  
.starwars a:link { 
  text-decoration: none; 
  color: yellow;
} 
.starwars a:visited { 
  text-decoration: none;
  color: yellow;
} 
.starwars a:hover { 
  text-decoration: none;
  background-color: #ddd;
  color: black;
} 
.starwars a:active { 
  text-decoration: none;
  color: yellow;
}

.starwars img {
  width: 15px;
  height: auto;
}
  
    
.transformers {
  font-family: 'transformersregular';
  font-weight: bold;
  color: silver;
  background: black;
  text-align: center;
  text-decoration: none;
}

.transformers a:link {
  text-decoration: none;
  color: silver;
}

.transformers a:visited {
  text-decoration: none;
  color: silver;
}

.transformers a:hover {
  text-decoration: none;
  background-color: #ddd;
  color: black;
}

.transformers a:active {
  text-decoration: none;
  color: silver;
}
  
.halo {
  font-family: 'haloregular';
  font-weight: bold;
  color: silver;
  background: black;
  text-align: center;
  text-decoration: none;
}

.halo a:link {
  text-decoration: none;
  color: silver;
}

.halo a:visited {
  text-decoration: none;
  color: silver;
}

.halo a:hover {
  text-decoration: none;
  background-color: #ddd;
  color: black;
}

.halo a:active {
  text-decoration: none;
  color: silver;
}
  
.halo img {
  width: 25px;
  height: 20px;
  margin-top: 10px;
}
  
  .cod {
  font-family: 'Call Of Ops Duty';
  color: white;
  background: black;
  text-align: center;
  text-decoration: none;
}

.cod a:link {
  text-decoration: none;
  color: white;
}

.cod a:visited {
  text-decoration: none;
  color: white;
}

.cod a:hover {
  text-decoration: none;
  background-color: #ddd;
  color: black;
}

.cod a:active {
  text-decoration: none;
  Color: white;
}

.doom {
  font-family: 'serif';
  color: white;
  background: black;
  text-align: center;
  text-decoration: none;

}

.doom img {
  width: 70px;
  height: 30px;
}

.doom a:link {
  text-decoration: none;
  color: white;
}

.doom a:visited {
  text-decoration: none;
  color: red;
}

.doom a:hover {
  text-decoration: none;
  background-color: #ddd;
  color: red;
}

.doom a:active {
  text-decoration: none;
  color: red;
}


.jamesbond {
  font-family: 'Quantum';
  font-weight: bold;
  color: white;
  background: black;
  text-align: center;
  text-decoration: none;
}

.jamesbond img {
  width: auto;
  height: 10px;
}

.jamesbond a:link {
  text-decoration: none;
  color: white;
}

.jamesbond a:visited {
  text-decoration: none;
  color: white;
}

.jamesbond a:hover {
  text-decoration: none;
  background-color: #ddd;
  color: black;
}

.jamesbond a:active {
  text-decoration: none;
  color: white;
}

.fallout {
  font-family:  'overseeritalic','serif';
  font-weight: normal;
  color: white;
  background: black;
  text-align: center;
  text-decoration: none;
}

.fallout img {
  width: 70px;
  height: 20px;
}

.fallout a:link {
  text-decoration: none;
  color: white;
}

.fallout a:visited {
  text-decoration: none;
  color: white;
}

.fallout a:hover {
  text-decoration: none;
  background-color: #ddd;
  color: black;
}

.fallout a:active {
  text-decoration: none;
  color: white;
}



.buttons {
   margin-left: 5%;
  margin-right: 0%;
}