@font-face {
  font-family: "SourceCodeProRegular";
  src: url("fonts/SourceCodePro-Regular.eot") format("embedded-opentype"), url("fonts/SourceCodePro-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/SourceCodePro-Regular.woff") format("woff"), 
  url("fonts/SourceCodePro-Regular.ttf")  format("truetype");
}


@font-face {
  font-family: "SourceCodeProMedium";
  src: url("fonts/SourceCodePro-Medium.eot") format("embedded-opentype"), url("fonts/SourceCodePro-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/SourceCodePro-Medium.woff") format("woff"), 
  url("fonts/SourceCodePro-Medium.ttf")  format("truetype");
}

body{
  font-family: 'SourceCodeProRegular', courier, monospace;
  font-size: 2em;
  letter-spacing: 0.1px;
	margin: 0;
  background-color: rgb(225, 219, 219, 0.1);
	}
    
.centered {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
    
.container {
  width: 1000px;
  margin: auto;
}
    
#left {
    font-family: 'SourceCodeProRegular', monospace;
    font-size: 14px;
    font-weight: 100;
    text-align: center;
    width: 400px;
    float: left;
    display: table;

}

#self {
    display: table-cell;
    vertical-align: middle;
}

#right {
  width: 600px;
  float: right;

}

#footer {
  clear: both;
  width: 1000px;
  padding-top: 20px;
}

.mobile { display: none;}

  @media only screen
    and (min-device-width : 300px)
    and (max-device-width : 680px){ 
      .mobile {display: inline-block;
      width: 100%;
      }
  }
  
.unfriendly { display: inline; }

  @media only screen
    and (min-device-width : 300px)
    and (max-device-width : 680px){
     .unfriendly { display: none;}
  }

a {
	text-decoration: none;
	}
	
a:visited {
  color: 000;
}

a:link, a:active {
	color: rgb(51, 42, 23);
	}

a:hover {
	color: #000;
	text-decoration: none;
	border-bottom: dashed 1px;
	}
	
a.a {
	color: rgb(51, 42, 23);
	text-decoration: none;
	border-bottom: 0;
}
	
a.a:hover {
	color: rgb(0, 0, 0);
	text-decoration: none;
	border-bottom: 0;
}

a.q {
	color: #000;
	text-decoration: none;
	border-bottom: 0;
}

a.q:hover {
	color: rgb(51, 42, 23);
	text-decoration: none;
	border-bottom: 0;
}

.bold {
    font-family: 'SourceCodeProBold', monospace;
}

.bird {
  display: inline-block;
  text-align: center;
  font-size: .5em;
  text-indent: 25px;

.medium {
    font-family: 'SourceCodeProMedium', courier, monospace;
}

.unicode {
    font-family: 'EmojiSymbolsRegular';
    font-size: 1.188em;
}

p {
    font-family: 'SourceCodeProRegular', courier, monospace;
    font-size: 1em;
}