body {
    font-family: monospace,'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    background-color:rgb(248, 240, 255);
}

#title {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    background-color:rgb(201, 180, 241);
    padding: 10px;
    border-radius: 7px;
}

.center-div {
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#p5-project {
    width: 100%;
    height: 600px;
    border: none;
}

#images-container > img {
    display: block;
}

#heart-image {
    width: 25px;
    height: 25px;
    position: relative;
    top: 102px;
    left: 1px;
}

#bear-image {

}

.project-button {
    margin: 3px;
    margin-top: 2px;
    padding: 13px;
    border: none;
    border-radius: 7px;
    font-size: 10px;
    font-weight: bold;
    font-size: 12px;
    font-family: monospace;
}

.project-button:hover {
    cursor: pointer;
}

.active-button {
    opacity: 50%;
}