@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400&display=swap');
@import url('table.css');
@import url('container.css');

body {
    background-color: #1c1c1c;
    color: #fefefe;
    font-family: 'Open Sans', sans-serif;

    text-align: center;
}

a {
    color: #3e95cf !important;
}

img:not(.antialias) {
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: pixelated;

    /* Safari seems to support, but seems deprecated and does the same thing as the others. */
    image-rendering: -webkit-optimize-contrast;
}

img.profilepic {
    --img-size: 4rem;

    height: var(--img-size);
    border-radius: calc(var(--img-size) / 2);

    vertical-align: middle;
}

.img-link {
    height: 71px;
}

img.img-link {
    max-width: min(200px,42.25352vw);
    --anim-filter-pre: brightness(75%) grayscale(100%) sepia(10%);
    --anim-filter-post: brightness(100%) grayscale(0%) sepia(0%) hue-rotate(360deg) saturate(130%) contrast(1);
    -webkit-transition: .4s;
    transition: .4s;
    border: 2px solid #6d6d6d;
    -webkit-filter: var(--anim-filter-pre);
    filter: var(--anim-filter-pre);
}
img.img-link:hover {
    border: 2px outset rgba(255,90,120,.7);
    cursor: pointer;
    -webkit-filter: var(--anim-filter-post);
    filter: var(--anim-filter-post);
}

img.eight {
    height: 31px;
    transition: .1s;
}
img.eight:hover {
    position: relative;
    position: relative;
    transform: scale(2);
    transition: 100ms;
}

div.inline-list {
    display: block;
}
.inline-list a {
    display: inline;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 20px;
}

:root {
    --container-width: min(100vw, 700px);
    --container-padding: min(100vw, max(calc(var(--container-width) / 2f), 0px));
}

.container {
    text-align: left;
    width: var(--container-width);
    padding-left: var(--container-padding);
}

.fit-image {
    --target-width: min(70vw, 500px);
    width: var(--target-width);
    padding-left: calc(var(--container-padding) - (50vw - (var(--target-width) / 2)));
}