body
{
background: #000000 url("roses.jpg") repeat-y right top;
background-attachment: fixed; 
background-size: cover;
font-size: 20px;
font-family: courier new;
color: black;
}

a:link, a:visited, a:active {
color: black;
}

a:hover {
color: pink;
}

h1 
{
text-align: center;
padding: 15px;
font-family: garamond;
letter-spacing: 10px;
box-shadow: 8px 8px rgb(0, 0, 0, 0.4);
outline: 2px solid black;
font-size: 50px;
background-color: white;
width: 500px;
margin: 25px auto;
}

h2 
{
text-align: center;
letter-spacing: 5px;
font-family: garamond;
font-size: 30px;
}

.post
{
text-align: left;
padding: 10px 25px;
width: 600px;
margin: 50px auto;
background-color: white;
outline: 2px solid black;
box-shadow: 8px 8px rgb(0, 0, 0, 0.4);
}

.postimg
{
display: block;
vertical-align: middle;
margin: 10px auto;
width: 80%;
outline: 2px solid black;
}

.postimg2
{
display: inline-block;
vertical-align: middle;
margin: 10px auto;
width: 40%;
outline: 2px solid black;
}

.timecode
{
text-align: center;
font-size: 15px;
padding: 10px;
margin: auto;
}

.list
{
padding: 20px;
outline: 2px dotted black;
list-style-position: inside;
list-style-type: square;
}

.footer
{
text-align: center;
margin: auto;
box-sizing: border-box;
padding: 5px 20px;
background-color: white;
outline: 2px solid black;
box-shadow: 8px 8px rgb(0, 0, 0, 0.4);
}

.nav {
  background-color: white; 
  font-family: verdana;
  list-style-type: none;
  text-align: center;
  margin: 0;
  padding: 0;
  border: 5px solid black;
  box-shadow: 5px 5px rgb(0, 0, 0, 0.4);
}

.nav li {
  display: inline-block;
  font-size: 20px;
  padding: 20px;
}