html, body {
  height: 100%;
  overflow: hidden;
}

body {
    width: 100%;
    position: fixed;
    margin: 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

#main {
	font-family: 'Arvo', arial, serif;
}
.decoration {
	position:relative;
	font-size:2000%;
	color:#888888;
	text-shadow: 5px 5px 5px #111;
	float:left;
	left:10px;
	right:auto;
	height:400px;
	width:auto;
	overflow: visible;
        line-height: 1;
}

#upperbracket {
	clear:left;
}

#lowerbracket {
	clear:right;
}

#content {
	float:left;
	 position:relative;
	 top:15px;
	 left:20px;
	 overflow: visible;
}

#title{
 font-size:400%;
}

li {
 font-size:250%;
 margin:10px;
}

ul{
	left: 30px;
	right: 20%;
	top: 20px;
	bottom: 360px;
	list-style-type:none;
}

a {
text-decoration:none;
}

a:link,a:visited {
	color:#000000;
}     

a:hover, a:active {
	color:#888888;
	text-shadow: 1px 1px 1px #111;
}  

* html #upperbracket {
	height:550px;
	overflow: visible;
}

* html #lowerbracket {
	height:550px;
	overflow: visible;
}