body {
  font-family: 'Open Sans', sans-serif;
  color: #000000;
  max-width: 978px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

p {
  font-size: 16px;
  line-height: 27px;
  font-weight: 300;
}

p.title {  
  font-family: 'UnifrakturCook', cursive;
  font-size: 100px;   
  font-weight: 400;
  line-height: 115px;
  text-align: center;
  margin-top: 0px;
}

p.about {
  font-size: 16px;
  line-height: 27px;
  font-weight: 300;
  margin-bottom: -40px;
}

span.castlevania3 {
  display: inline-block;
  white-space: nowrap;
  transform: translateX(-70px);
  -webkit-transform: translateX(-70px); /* Safari and Chrome */
  -moz-transform: translateX(-70px); /* Firefox */
  -ms-transform: translateX(-70px); /* IE 9+ */
  -o-transform: translateX(-70px); /* Opera */  
}

span.big-c {
  display: inline-block;
  font-size: 300px;
  font-family: 'Times New Roman', Times, serif;
  transform: translateX(120px) translateY(60px);
  -webkit-transform: translateX(120px) translateY(60px); /* Safari and Chrome */
  -moz-transform: translateX(120px) translateY(60px); /* Firefox */
  -ms-transform: translateX(120px) translateY(60px); /* IE 9+ */
  -o-transform: translateX(120px) translateY(60px); /* Opera */   
}

span.three {
  display: inline-block;
  font-size: 80px;
  font-family: 'Times New Roman', Times, serif;
  letter-spacing: -8px;
  transform: scaleY(3);
  margin-left: -30px;
}

span.password-algorithm {
  display: inline-block;
  font-size: 80px;
  white-space: nowrap;
}

span.game-title {
  font-style: italic;
  white-space: nowrap;
}

p.projects {
  font-family: 'UnifrakturCook', cursive;
  font-size: 40px;
  line-height: 27px;
  font-weight: 300;
  text-align: right;
}

p.tiny {
  font-size: 12px;
  line-height: 18px;
  font-weight: 300;
}

p.index {
  font-family: 'UnifrakturCook', cursive;
  font-size: 20px;
  line-height: 27px;
  font-weight: 300;
  text-align: center;
  margin-top: -80px;
  margin-bottom: 0px;
}

h1 {  
  font-family: 'UnifrakturCook', cursive;
  font-size: 60px;  
  margin-top: 50px;
  margin-bottom: -5px;  
  font-weight: 400; 
}

h2 {
  font-family: 'UnifrakturCook', cursive;
  font-size: 30px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 400;
}

a,a:visited {
  color: #8A0707;
  text-decoration: none;
  white-space: nowrap;
}

a:hover {
  color: #808080;
  text-decoration: none;
  white-space: nowrap;
}

div.code {
  padding-top: 15px;
  padding-bottom: 15px;
}

span.code {
  font-family: 'Source Code Pro', monospace;
  font-size: 16px;
}

span.nowrap {
  white-space: nowrap;
}

hr {
  margin-top: 50px;
  margin-bottom: -30px;
  height: 2px;
  background-color: #000000;
}

iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;    
}

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

ol, ul {
  font-size: 16px;
  line-height: 27px;
  font-weight: 300;
}

li {
  padding-left: 10px;
}

table.bottom {
  margin-top: -70px;
  width: 100%;
  border-collapse: collapse;
}

table.borderless {
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;  
}

th.borderless {
  text-align: center;
  font-weight: bold;
  border-bottom: 1pt solid silver;  
  font-size: 16px;
  padding-left: 10px;
  padding-right: 10px;  
}

th.monospaced {
  text-align: center;
  font-family: 'Source Code Pro', monospace;
  font-weight: bold;
  border-bottom: 1pt solid silver;  
  font-size: 16px;
  padding-left: 10px;
  padding-right: 10px;  
}

td.borderless {
  font-size: 16px;
  padding-left: 10px;
  padding-right: 10px;
}

td.monospaced {
  font-size: 16px;
  font-family: 'Source Code Pro', monospace;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}

td.bold-mono {
  font-size: 16px;
  font-family: 'Source Code Pro', monospace;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  font-weight: bolder;
}

pre.draw {
  font-family: 'Courier New', monospace;
  font-size: 14px;
  line-height: 18px;  
  display: inline-block;
  padding: .6em .6em;
  text-align: left;  
}

pre.asm {
  font-family: 'Source Code Pro', monospace;
  font-size: 14px;
  line-height: 18px;  
  display: inline-block;
  border: solid gray;
  border-width: .1em .1em .1em .8em;
  padding: .6em .6em;
  text-align: left;  
}

pre.asm-no-boarder {
  font-family: 'Source Code Pro', monospace;
  font-size: 14px;
  line-height: 18px;  
  display: inline-block;
  padding: .6em .6em;
  text-align: left;  
}

span.asm-comment {
  color: #008800; 
  font-style: italic;
  font-weight: bold;
}

span.asm-paren {
  color: #005454;
  font-weight: bold;
}

span.asm-comma {
  color: #005454;
  font-weight: bold;
}

span.asm-bank {
  color: #895111;
}

span.asm-colon {
  color: #005454;
}

span.asm-offset {
  color: #A31515;
}

span.asm-pound {
  color: #005454;
  font-weight: bold;
}

span.asm-value {
  color: #000000;
  font-weight: bold;
}

span.asm-label {
  color: #8000FF;
  font-weight: bold;
}

span.asm-inst {
  color: #0000e6;
  font-weight: bold;
}

span.code-number {
  color: #0000e6;
}

div.image {
  padding-top: 15px;
  padding-bottom: 15px;
}