#image {
    padding-top:150px;
    height:750px;
    background-size:cover;
    background-position: center;
}

#image img {
    width: 100px;
    aspect-ratio: 1;
}

#image[data-size=tiny] img {
    width: 100px;
}

#image[data-size=small] img {
    width: 160px;
}

#image[data-size=medium] img {
    width: 200px;
}

#image[data-size=large] img {
    width: 400px;
}

#image[data-size=huge] img {
    width: 600px;
}

#image[data-size=gargantuan] img {
    width: 800px;
}

.image-display {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height:100%;
}

.image-nav {
    display: flex;
    align-items: center;
}

.image-nav iconify-icon {
    color:rgba(var(--color-textlight));
    scale: 2;
}

.image-nav.alt iconify-icon {
    color:rgba(var(--color-textdark));
    cursor: default;
}

#other {
    margin-top:-100px;
    filter:drop-shadow(0 0 10px black)
}

#info {
    color:rgba(var(--color-textlight));
}

#info .button-container {
    background-color:rgba(var(--color-bgmid));
    border: 1px solid rgba(var(--color-bglight))
}

#info .button-container[data-action]:hover {
    background-color:rgba(var(--color-bglight));
    border: 1px solid rgba(var(--color-textdark))
}

#info .button-container[data-state="upvote"] iconify-icon[icon="bxs:upvote"],
#info .button-container[data-state="downvote"] iconify-icon[icon="bxs:downvote"] {
    color:rgba(var(--color-textlight))
}

#info .button-container[data-action="vote"] iconify-icon:hover {
    color:rgba(var(--color-theme2))
}

#info .button-container span {
    color:rgba(var(--color-textlight));
}

#info .button-container iconify-icon {
    color:rgba(var(--color-textdark));
}


#info .image-title h1 {
    margin:0;
}

#info .image-title span {
    color:rgba(var(--color-theme))
}

#desc {
    color:rgba(var(--color-textdark))
}

#comments {
    color:rgba(var(--color-textlight))
}