@font-face {
    font-family: Star4000;
    src: url("/Star4000.ttf");
}
html {
    background-image: url("/weather_star.gif");
    image-rendering: pixelated;
}
img {
    image-rendering: pixelated;
}
body {
    margin: 0;
}
table {
    border-collapse: collapse;
}
td {
    padding: 0;
}
.content {
    position: absolute;
    top: 69px;
    left: 208px;
    right: 8px;
    bottom: 8px;
    color: white;
    font-family: Star4000, Arial, Helvetica, sans-serif;
}
.ws-heavy {
    text-shadow: 
        -2px -2px 0 #000,
        2px -2px 0 #000,
        -2px 2px 0 #000,
        2px 2px 0 #000,

        0px -2px 0 #000,
        2px 0px 0 #000,
        -2px 0px 0 #000,
        0px 2px 0 #000,

        -1px -1px 0 #000,
        3px -1px 0 #000,
        -1px 3px 0 #000,
        3px 3px 0 #000,

        4px 0px 0 #000,
        0px 4px 0 #000,
        4px 4px 0 #000,

        
        1px 1px 0 #000,
        5px 1px 0 #000,
        1px 5px 0 #000,
        5px 5px 0 #000,

        5px 3px 0 #000,
        3px 5px 0 #000;

}
.ws-light {
    text-shadow: 
        -2px -2px 0 #000,
        2px -2px 0 #000,
        -2px 2px 0 #000,
        2px 2px 0 #000,

        0px -2px 0 #000,
        2px 0px 0 #000,
        -2px 0px 0 #000,
        0px 2px 0 #000,

        -1px -1px 0 #000,
        3px -1px 0 #000,
        -1px 3px 0 #000,
        3px 3px 0 #000,

        4px 0px 0 #000,
        0px 4px 0 #000,
        4px 4px 0 #000,

        4px 2px 0 #000,
        2px 4px 0 #000;
}
.banner {
    translate: -5px 0;
}
.banner:hover {
    translate: 0;
    filter: hue-rotate(130deg);
}
.banner-active:hover {
    filter: hue-rotate(130deg);
}
li {
    list-style-type: none;
}