html, body{
	height: 100%;
}

body {
    background-color: black;
    display:flex;
    justify-content: center;
    align-items: center;
}
.links {
	display: flex;
}
a {
	flex:1;
	margin: 0 1em;
	background-color: red;
	box-shadow: 0 5px 0 darkred;
	color: white;
	padding: 1em 1.5em;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

.hover {
	background-color: #ce0606;
	cursor: pointer;
}
pre {
	color:red;
}
p {
	color:red;
}
#cornerplayer
{z-index:999;
background-color:#000;
width:50px;
height:50px;
border-radius:0px 50px 0px 0px;
-moz-border-radius:0px 50px 0px 0px;
position:fixed;
overflow:hidden;
bottom:0px;
left:0px;
-webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}

#cornericon
{margin-top:25px;
margin-bottom:20px;
margin-left:-5px;
-webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}

#cornerplayer:hover
{width:200px;
-moz-border-radius:0px;
border-radius:0px;}

#cornerplayer:hover #cornericon
{margin-top:10px;
margin-left:0px;
margin-bottom:4px;}