@font-face {
    font-family: "BerkeleyMono";
    font-style: normal;
    font-weight: 400;
    src: url('https://joegold.in/css/BerkeleyMono-Regular.woff2') format("woff2"),
        url('https://joegold.in/css/BerkeleyMono-Regular.woff') format("woff");
}
@font-face {
    font-family: "BerkeleyMono";
    font-style: italic;
    font-weight: 400;
    src: url('https://joegold.in/css/BerkeleyMono-Italic.woff2') format("woff2"),
        url('https://joegold.in/css/BerkeleyMono-Italic.woff') format("woff");
}
@font-face {
    font-family: "BerkeleyMono";
    font-style: bold;
    font-weight: 800;
    src: url('https://joegold.in/css/BerkeleyMono-Bold.woff2') format("woff2"),
        url('https://joegold.in/css/BerkeleyMono-Bold.woff') format("woff");
}
body {
    font-family: "BerkeleyMono", monospace;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-family: "BerkeleyMono", monospace;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-family: "BerkeleyMono", monospace;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-family: "BerkeleyMono", monospace;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family: "BerkeleyMono", monospace;
}
::-ms-input-placeholder { /* Microsoft Edge */
    font-family: "BerkeleyMono", monospace;
}

::placeholder { /* Most modern browsers support this now. */
   color:    #909;
}