@font-face {
    font-family: 'comfortaaregular';
    src: url('comfortaa/comfortaa-variablefont_wght-webfont.woff2') format('woff2'),
         url('comfortaa/comfortaa-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
	margin:0px;
	height: 100%;
	background-color: #303952;
	color: #dff9fb;
	font-family: 'comfortaaregular';
	font-size: 14px;
}

.welcome { 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	flex-direction: column; 
	width: 100%; 
	height: 100vh;
}

a:link {
  color: #7ed6df;
  background-color: transparent;
  text-decoration: underline;
}

a:visited {
  color: #7ed6df;
  background-color: transparent;
  text-decoration: underline;
}

a:hover {
  color: #7ed6df;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: #7ed6df;
  background-color: transparent;
  text-decoration: underline;
}

#social {
	margin-top: 15px;
	font-size: 28px;
}

#player {
	margin-top: 15px;
	margin-bottom: 15px;
}

.border {
	border: 2px solid #dff9fb;
}