body {
    background-color: #000;
}
hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0));
}
a {
    text-decoration: none;
    color: #87c4da;
}

#header {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.select_button {
    display: inline-block;
    margin-left: 2vb;
    width: fit-content;
    align-content: center;
}

.select_button.selected .underscore {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(66, 236, 196, 0.75), rgba(0, 0, 0, 0))
}

.select_button.selected p {
    color: white;
}

.select_button p {
    color: #bdbdbd;
    width: fit-content;
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 0;
    cursor: pointer;

}

.select_button:hover {
    transition: 0.3s ease-out;
    transform: scale(1.06);
}
.select_button:active {
    transition: 0.1s ease-out;
    transform: scale(0.95);
    .underscore {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(236, 208, 66, 0.75), rgba(0, 0, 0, 0))
    }
}

.underscore {
    width: 100%;
    height: 0.2rem;
    top: -3rem;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(164, 192, 183, 0.75), rgba(0, 0, 0, 0))
}

.screenshot_description {
    text-align: center;
}