@font-face {
    font-family: "RuneScape UF";
    src: url("/fonts/runescape_uf.ttf");
}

body {
    font-family: "RuneScape UF", helvetica;
    color: yellow;
    background: #252525;
}

.wrapper h1 {
    text-align: center;
    margin-top: 60px;
    font-size: 36px;
}

.wrapper h3 {
    text-align: center;
    margin-top: 60px;
    font-size: 24px;
}

.wrapper {
    width: 62%;
    margin-left: auto;
    margin-right: auto;
}

.wrapper.admin-panel {
    width: 90%;
}

a {
    color: cyan;
}

a:visited {
    color: cyan;
}

.admin-action {
    padding: 10px;
    margin: 10px;
    width: 30%;
    float: left;
    height: 220px;
}

button {
    background: black;
    border: 1px solid #e4e3e3;
    border-radius: 3px;
    color: yellow;
    font-family: "RuneScape UF";
    font-size: 24px;
}

input {
    background: black;
    border: 1px solid #e4e3e3;
    border-radius: 3px;
    color: yellow;
    font-family: "RuneScape UF";
    font-size: 24px;
    width: 420px;
}

.logs {
    font-size: 16px !important;
    overflow-y: scroll;
}

.log-entry {
    width: 100%;
}

.log-entry div:first-child {
    display: inline-block;
    float: left;
    color: cyan;
    padding-right: 10px;
    width: 180px;
}

.log-entry span {
    float: left;
}

.logs>span:first-child {
    font-size: 36px !important;
}

p.align-left {
    width: 150px;
    display: inline-block;
    margin: 0;
    text-align: left;
}