html{
	background-image: url(img/background-so.png);
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	min-height:100%;
	min-width:100%;
}


@font-face {
    font-family: 'TrashHand';
    src: url('./fonts/TrashHand.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

#site {
	text-align: center;
	height:100%;
}

#menu {
    margin-left: auto ;
    margin-right: auto ;
}

.menu_element {
	display: inline-block;
}
#header {
    margin-left: auto ;
    margin-right: auto ;
}

#header img.icon {
    width:50px;
}

#central {
	//overflow-y: scroll;
	//max-height:80%;
	//width:calc(100% + 40px);
}

#content {
	max-width:100%;
	margin-left: auto;
	margin-right: auto;
    border-radius: 25px;
    /* background-color: rgba(0,0,0,0.5); */
}

#content.nothome {
	text-align: left;
}
#content.home {
	text-align: center;
}
#content.home img {
  width:90%;
}


#content.home img.icon {
    width:10%;
}

h2 {
text-transform: uppercase;
}

h3 {
text-decoration: underline overline;
}


/* Player */
ul.playlist {
list-style-type: none;
margin: 0;
padding: 0;
font-size:130%;
}


.paused {
cursor: pointer;
}

.paused:hover {
color:rgba(255,0,0,1);
}

.playing {
cursor: pointer;
color:rgba(255,0,0,1);
}

#player_control {
  display: table;
  margin-top: 10px;
  margin-left: auto ;
  margin-right: auto ;
  border:3px solid black;
  
  border-radius: 15px 50px 15px 50px;
  box-shadow: 0 0 5px rgba(255,255,255,1) , 0 0 10px rgba(255,255,255,1) , 0 0 15px rgba(255,255,255,1);
  margin-top:50px 0px 50px 0px;
  padding:5px 25px 5px 5px;
  background-color: #ffffff;
  text-shadow: none;
}


#player_control div {
background-size: 100% 100%;
cursor: pointer;
float:left;
display: table-cell;
vertical-align: middle;
width:35px;
height:35px;
margin:5px;
}

div.ffwd {
    background: url('img/ffwd.png');
}

div.ffwd:hover {
    background: url('img/ffwd_hover.png');
}

div.fbwd {
    background: url('img/fbwd.png');
}

div.fbwd:hover {
    background: url('img/fbwd_hover.png');
}


div.play {
    background: url('img/play.png');
}

div.play:hover {
    background: url('img/play_hover.png');
}

div.pause {
    background: url('img/pause.png');
}

div.pause:hover {
    background: url('img/pause_hover.png');
}

div#timer {
display:table;
font-weight: bold;
vertical-align: middle;
font-size:180%;
}