@media only screen and (max-width: 400px) {
    .inside img {
        width: 100vw !important;
    }
}

body {
    color: white;
    background-color: #313338;

    font-family: Arial, serif;
}

.wrapper {
    position: absolute;
    left: 1%;
    top: 20px;
    width: 98%;
    height: calc(100% - 40px);
}

.inside {
    width: 100%;
    height: 100%;

    text-align: center;

    overflow: scroll;
}

.inside img {
    margin-top: 20px;
    width: 100px;

    filter: invert(100%) sepia(36%) saturate(3448%) hue-rotate(182deg) brightness(122%) contrast(97%);
}

.inside a:hover {
    filter: brightness(120%);
}

.inside table {
    width: calc(100% - 20px);
    margin-left: 10px;

    border-collapse: collapse;
}
.inside table tr {
    border-bottom: 1px solid white;
}
.inside table tr:nth-child(even) {
    background-color: #43464d;
}

.inside table th,
.inside table td {
    padding: 10px;
}

.inside table a {
    text-decoration: underline;
    font-style: italic;
    color: white;
}

.inside .spacer {
    height: 80px;
}