@font-face {
    font-family: "Roboto";
    src: url("/assets/fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "KowoMono";
    src: url("/assets/fonts/KowoMono.ttf") format("truetype");
}
body {
    image-rendering: pixelated;
    background-color: #000;
    color: #d5f3d8;
    font-family: "KowoMono", "Roboto";
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    margin: 0;
    padding: 0;
}
.contentbox {
    padding: 8px;
    box-sizing: border-box;
}

h1 {
    text-align: center;
}

a {color:#8ccad4;text-decoration: none;}
a:visited {color: #bd8cd4;}
a:hover {color: #6accdb;}
a:active {color: #4000ff;}

ul {
    padding-left: 14px;
    padding-right: 3px;
    list-style-image: url('/assets/icons/listicon.png');
    list-style-type: square;
}

button {
    font-family: inherit;
    background-color: #8cd492;
} button:hover {
    background-color: #7bc481;
} button:active {
    background-color: #5fa664;
    color: #beffac;}

.box {
    position: relative;
    padding: 10px;
}


.madeby {
    position: fixed;
    bottom: 5px;
    right: 5px;
}