@font-face {
    font-family: Selawik;
    src: url(../.fonts/selawik/selawk.ttf) format("truetype")
}

@font-face {
    font-family: Selawik;
    src: url(../.fonts/selawik/selawkb.ttf) format("truetype");
    font-weight: bold;
}

@font-face {
    font-family: Selawik;
    src: url(../.fonts/selawik/selawksl.ttf) format("truetype");
    font-weight: lighter;
}

@font-face {
    font-family: Selawik;
    src: url(../.fonts/selawik/selawksl.ttf) format("truetype");
    font-weight: lighter;
}

* {
    margin: 0
}

body, html {
    font-family: Selawik;
    background-color: #1b1b1b
}

img {
    width: 245px
}

ul {
    list-style-type: none;
}

.eightyeightbythirtyone {
    width: 88px;
    height: 31px
}

.footer {
    padding-bottom: 5px
}

.nav {
    padding-top: 3px;
    position: fixed;
    width: 155px;
    height: 100%;
    background-color: #32cd32
}

    .nav h2, ul {
        text-align: left;
        padding-left: 10px
    }

    .nav a {
        color: #1b1b1b
    }

.main {
    text-align: right;
    padding-right: 10px;
    padding-top: 5px;
    color: #fff
}

    .main a {
        color: #f5f5f5
    }
.tooltip {
    text-decoration: underline dotted
}