html, body{ margin: 0; padding: 0; width: 100%; height: 100%; font-family: helvetica, arial; background-color: rgb(30,30,30);  }

body{ display: table; }

a{ color: white; text-decoration: none; }
a:hover{ color: red; }

header { display: table-row; }
header{ text-align: center; color: white; }
header h1{ margin: 0; padding: 0; color: orange; }
header p{ font-size: 14px; }

nav ul{ margin: 0; padding: 0; }
nav li{ display: inline-block; padding: 12px; }

@keyframes trans{ from { opacity: 0; } to { opacity:1; } }

section{  display: table-row; width: 100%; height: 100%; text-align: center; }
section #image{ width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; animation: trans 2s; }
section #prev{ display: inline-block; height: 200px; }
section #prev:not(:hover) { opacity: 0.8; }

section a{ float: left; margin: 12px; }