html{

/*  */

background-image: url('/Images/apocalyptic-2147936_960_720.jpg');

background-size: cover;

background-attachment: fixed;

}


/*  */

.page-content {

background-color: #222222;   /*  */

padding: 30px;

width: 700px;  /*  */

margin: 0 auto;

margin-top: 30px;

color: #FFFFFF;  /*  */

font-size: 14px;  /*  */

line-height: 130%;

}

/*  */

.gallery {

background-color: #222222;

padding: 30px;

width: 700px;  /*  */

margin: 0 auto;

margin-top: 30px;

text-align:center;

}

/*  */

.gallery img {

height: 100px;  /*  */

border-width: 5px;

border-color: #FFFFFF;  /*  */

border-style: solid;

box-shadow: 3px 3px 5px 6px #000000;  /*  */

margin: 5px;

}

a:link    {color:green; background-color:transparent; text-decoration:none}
a:visited {color:pink; background-color:transparent; text-decoration:none}
a:hover   {color:red; background-color:transparent; text-decoration:underline}
a:active  {color:yellow; background-color:transparent; text-decoration:underline}

/*  */

.main-menu {

background: #FFFFFF; } /*  */


/*  */

.main-menu a {

background-color: #000000;

border-color: #000000;

font-weight: bold;

display: inline-block;

padding: 5px 10px;

}

 

/*  */

.main-menu a:hover {

background-color: #000000; /*  */

color: #FFFFFF;

}