@font-face {
    font-family: c64;
    src: url(C64_Pro_Mono-STYLE.woff);
}
body {
    background-color: #cfdabd;
}

.button-link {
    display: inline-block;
    background-color: lightgrey;
    border-style: outset;
    padding: 1pt 15pt 1pt 5pt ;
    color: black;
    text-decoration: none;
    text-align: center;
    font-family: arial, sans-serif;
    font-size: 14px;
}

.button-link:active {
    background-color: darkgrey;
    border-style: inset;
}

.lights {
    background: #AED300;
    width: 10pt;
    height: 20pt;
    transform: skew(-30deg);
    border-left: solid yellow;
    border-top: solid yellow;
    border-right: solid green;
    border-bottom: solid green;
    border-width: 4pt;
    border-radius: 5pt 0;
    display: inline-block;
    margin: 5pt;
    vertical-align: middle;
}

h1 {
    display: inline-block;   
    vertical-align: middle;
    margin: 0 0 0 10pt;
    font-family: c64;
    font-size:  1.5em;
    background: url(homu.png);
    background-size: cover;
    color: #AED300;
    padding-top: 4pt;
    padding-bottom: 2pt;
    padding-left: 25%;
    padding-right: 10%;
    border-radius: 70pt 0 70pt 0;
}

#hoivlets {
    width: 300pt;
}

h2 {
    margin: 5pt 0;
}

.ridge {
    background-color: #535353;
    border-radius: 70pt 0;
    width: 100%
}

body {
    font-family: georgia;
}

.row {
    display: inline-block;
}