@font-face {
    font-family: 'Pixel Operator HB';
    src: url('PixelOperatorHB.woff2') format('woff2'),
        url('PixelOperatorHB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body, html {
  height: 100%;
  margin:0;
  padding:0;
   overflow: hidden;
  background-image: url("bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.title
{
    font-family: 'Pixel Operator HB';
    font-weight: normal;
    font-style: normal;
	color:white;
	font-size:12em;
        -webkit-text-stroke: 3px #000000;
	text-align:center;
}
.body {
   padding:5px;
   padding-bottom:30px;   /* Height of the footer */
}
#social-media { 
	display: inline-block; 
	text-align: center;
	margin: auto;
	width: 100%;
	padding: 10px;
	padding-top:100px;
}

.logos
{
	display: inline; 
	margin: 0 5px;
}

.responsive
{
	width:100%;
	max-width:200px;
	height:auto;
}

.footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:2em;   /* Height of the footer */
   background:black;
   font-size:5em;
   text-align:center;   
   font-family: 'Pixel Operator HB';
    font-weight: normal;
    font-style: normal;
	color:white;
}