@font-face {
    font-family: "Lunasima";
    src: url("/aux/fonts/Lunasima-Regular.woff2");
    font-weight: normal;
}

@font-face {
    font-family: "Lunasima";
    src: url("/aux/fonts/Lunasima-Bold.woff2");
    font-weight: bold;
}

.navbar {
    user-select: none;
}

.navbar.top {
    width: 100vw;
    height: 33px;
    background: url("/images/menubg.png");
    text-align: center;
}

.navbar.top a {
    display: inline-block;
    font-size: 0.75em;
    text-align: center;
    line-height: 40px;
    min-width: 82px;
    height: 33px;
    border-style: solid;
    border-width: 0 6px;
    border-image-source: url("/images/menubtn1.png");
    border-image-slice: 0 6 fill;
    border-image-repeat: round;
    vertical-align: middle;
    text-decoration: none;
    color: black;
    text-shadow: 0 1px 2px #5555;
}

.navbar.top a.specil {
    color: purple;
    text-shadow: 0 1px 2px #f0f5
}

.navbar.bottom {
    width: 100vw;
    height: 18px;
    background: url("/images/menubg2.png");
    text-align: center;
    font-size: 0.7em;
    line-height: 18px;
}

.navbar.bottom a {
    color: inherit;
    text-decoration: none;
}

.navbar.bottom * {
    margin: 0 0.25em;
}

.content {
    max-width: 675px;
    margin: 0 auto;
    margin-top: 1em;
    font-size: 14px
}

img {
    /* go go gadget make images properly fit */
    max-width: 100%
}

figure {
    border: silver 1px solid;
    /* recycling symbol type shit */ 
    background: url("/images/menubg.png");
    padding: 0.5em
}

figure figcaption {
    text-align: center;
}

figure figcaption img {
    vertical-align: baseline;
}

html,body {
    margin: 0;
    font-family:'Lucida Grande', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Sans Unicode', 'Lunasima', Geneva, Verdana, sans-serif
}