body {
    background: black;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    overflow-x: hidden;
    overflow-y: auto;
}

.largeHeader {
    font-size: xx-large;
    font-weight: bold;
}

.smallHeader {
    font-size: large;
    font-weight: bold;
}

.title {
    font-size: normal;
}

.description {
    font-size: small;
}

.inlineDiv {
    display: inline-block;
    width: min-content;
}

.imageSquare{
    width: 8rem;
    height: 8rem;
    border-width: 2px;
    border-image: white;
    border-style: solid;
    transition: all 0.25s ease;
    object-fit: cover;
}

.imageSquare:hover {
    box-shadow: 0px 0px 50px white;
    margin-bottom: 10px;
    border-width: 10px;
    animation: rainbowBorder_conic 5s infinite ease;
}

.imageSquare img:hover {
    filter: blur(5px) contrast(0.75);
    transform: scale(0.9);
}

.imageSquare span {
    z-index: 1;
    background-color: grey;
}

#bassButton img {
    transition: all 0.1s ease;
}

#bassButton img:hover {
    filter: drop-shadow(0px 0px 5px white);
}

#bassButton img:active {
    filter: drop-shadow(0px 0px 2.5px white);
}