/*
Hi there!

I don't mind you looking at my code but if you decide to use some of it
please give me credit by linking back to us somewhere on your site. 

 Enjoy!

 -- Ash, 2018
 */

 /* Set up main document  */
body {
    background-color: black;
}

#biggold {
  color: #fcfd93;
  font-size: 2.5em;
    text-align: center;
    background-color: black;

}
    

a.menulink:link {color:#D5D64D;   font-size: 1.5em; text-decoration:none;}
a.menulink:visited {color:#D5D64D;   font-size: 1.5em; text-decoration:none;}
a.menulink:hover {color:#FBFC5D;   font-size: 1.5em; text-decoration:underline;}
    
    #menucolor {
    color: #C1C23E;
    text-align: center;
        background-color: black;
}

#menu {
    z-index: 2;
            
} 


 /* lowest non-background layer  */
#wrapper{
    margin: auto;
    top: 0px;
    width: 95%;
    height: 99%;
    z-index: 0;
}

 /* grey border  */
#content {
    background-color: #383838;
    color: #383838;
    border-style: double;
    border-color: #292929;
    position: relative;
    z-index: 1;
    padding: 1%;
        height: 100%;
}

 /* iframe container  */
#frame{
    margin-left:auto;
    margin-right:auto;
border-style:none;
        overflow: none;
            z-index: 2;

}

 /* background text  */
 .greytext		{     font-size: 7px;  }
#greytext-1		{ 
    color: #0A0A0A; 
    z-index: -1; 
    overflow: none;     
    top: 0px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 95%;
    height: 95%;
    overflow: none;
        position: absolute; }
#greytext-2		{ 
    color: #1F1F1F; 
    z-index: -2; 
    overflow: none;     
    top: 0px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 95%;
    height: 95%;
    overflow: none;
        position: absolute; 
}
#greytext-3		{ color: #0F0F0F;
    z-index: -3; 
    overflow: none;     
    top: -2px;
    left: 51%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 95%;
    height: 95%;
    overflow: none;
        position: absolute; 
}