@font-face{
font-family: PiecesOfEight;
font-style: normal;
font-weight: 400;
src: url(../assets/PiecesofEight.ttf) ;
}

@font-face{
font-family: Orbitron;
font-style: normal;
font-weight: 400;
src: url(../assets/Orbitron-VariableFont_wght.ttf) ;
}

@font-face {
  font-family: Staatliches;
  font-style: normal;
  font-weight: 400;
  src: url(../assets/Staatliches-Regular.ttf);
}

body {
    background-color: #121212;
    color: white;
    font-family: Impact, sans-serif;
    text-align: center;
    padding: 2rem;
	margin:0;
}
.header {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
    max-height: fit-content;
    width: 100%;
    height: auto;
	margin-bottom:1em;
}
.header h1{
	font-size:6em;
	margin:15px;
	font-weight:400;
}
.header img{
    height: 10em;
	padding:0 1em;
}
.player {
    background: #1e1e1e;
    border-radius: 12px;
    padding: 2rem;
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.track-info {
    margin-bottom: 1rem;
    font-size: 2.3rem;
    align-items: center;
    justify-content: center;
    display: flex;
}
audio {
    width: 500px;
}
#album-art {
    max-width: 30%;
    margin-top: 1rem;
	margin-bottom: 1rem;
}
#stream-status{
	font-size:1.4em;
}
div#player-wrapper {
    flex-direction: column;
    align-items: center;
}