@font-face{
    font-family:"unscii16";
    src: url("unscii-16.ttf"); 
}

@font-face{
    font-family:"Yesterweb Nova Square";
    src: url("NovaSquare.woff");
}

body {
    background-color:black;
    background-image: url("images/Paver.png");
    background-repeat: repeat;
}


#house {
    float:left;
    margin-top:4px;
    margin-right:6px;
    margin-left:4px;
}

.linksbody {
    background-color:black;
    background-image: url("images/Links.png");
    background-repeat: repeat;
}

ul.other {
    list-style-type: none;
    line-height: 128%;
}

ul.other li {
    background: url("images/bullets/right.png") no-repeat top left;
    padding-left: 32px;
    padding-bottom: 20px;
}

h1,h2,h3,h4 {
    color: orangered;
    font-family:"unscii16";
    background-color: black;
    padding-left:10px;
    padding-top: 4px;
    padding-bottom: 4px;
}

h4 {
    color: #00ff00;
    margin-top: 0px;
}


div.centre {
    max-width: 802px;
    margin: auto;
}

.tags {
    border: 1px #bbb solid;
    padding: 4px;
}

.crumbs {
    font-family:courier,courier-new;
    font-size: 90%;
}


.border-outer {
    max-width:800px;
    padding:1px;
    background-color:#f8f8ba;
    border:3px outset black;
    border-spacing:1px;
    z-index: 999;
    margin-bottom: 10px;
}

.border-inner {
    margin:1px;
    border:2px inset #bbb;
    padding:10px;
}

.preformat {
    font-family:courier,monospace;
    background-color:black;
    color:#00ff00;
}

.black-green {
    padding-top:2px;
    background-color: black;
    color: #00ff00;
}

.listolinks {
    background-color:#94f6aa;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom:10px;
    padding-top: 1px;
}

div#yesterweb {
    background-color:#a9ff21;
    text-align:center;
    color:black;
    width:300px;
    font-size: 16px;
    margin: auto;
    position: relative;
    padding: 5px;
    display: block;
    font-family: "Yesterweb Nova Square", sans-serif;    
    text-decoration: none;
}

.yester-title {
    text-decoration:none;
    font-weight: bold;
    color: black;
}

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

<!--
/* @group Blink */
.blink {
    -webkit-animation: blink 2s linear infinite;
    -moz-animation: blink 2s linear infinite;
    -ms-animation: blink 2s linear infinite;
    -o-animation: blink 2s linear infinite;
    animation: blink 2s linear infinite;
}
@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
/* @end */
-->