body {
	background-color: black;
	color: white;
    background-image: url(images/fork2.jpg);
    background-attachment: fixed;
}

h1 {
	font-size: 50px;
	text-align: center;
	color: red;
	font-family: Arial Black, Arial Bold, Gadget, sans-serif;
	font-style:italic;
	text-shadow: 2px 2px #808080;
}

p {
	text-align: center;
	color: white;
    
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

li {
    float: left;
}

li a {
    display: inline-block;
    color: white;
    text-align: right;
    padding: 14px 16px;
    text-decoration: none;
}

a:hover:not(.active) {
    background-color: border-style: solid;
    border-color: red;
}

.active {
background-color:#4CAF50;
}


img.one { 
    width: 50%;
    height: 75%;
    opacity: 1;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-color: red;
    border-width: 25px;
    

}

.h2 {
	text-align: center;
	font-size: 25px;
	font-style: italic;
}

.blocktext {
	font-size: 25px;
    text-align: center;
	
}

footer {
	color: white;
	font-family: Arial Black, Arial Bold, Gadget, sans-serif;
	font-size: 15px;
    bottom:0;
    width:100%;
    height:60px;  


}

table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {background-color: red;}

div.gallery {
    margin: 200px;
    border: 1px solid #ccc;
    float: left;
    width: auto;
    text-align: center;
    margin-top: 75px;
    
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}

.rotate1 {
  -webkit-transform:rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);

}

.rotate2 {
  -webkit-transform:rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

input[type=text] {
    padding: 15px 20px;
    box-sizing: border-box;
    border: 2px solid red;
    border-radius: 4px;
    margin: auto; 
    width:100%;
    font-size: 15px;
}

label {
    font-size: 20px;

}


div.h2gallery {
    text-align: center;
}


div.clip {
    width: auto;
    text-align: center;
    margin-top: 20px;
    display: block;
    margin: 200px;
}