#content {
    background-image: url("/static/imgs/textures/300.GIF");
    border: 2px solid;
    border-color: #28b8ac;
    border-radius: 5px;
    margin-bottom: 10px;
}
#content li {
	margin: 0;
	padding: 2px 0 2px 25px;
	list-style: none;
	background-image: url("/static/imgs/cinema.gif");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px;
}
#content h1 {
    text-align: center;
    font-family: cinema;
    color: #e8c515;
}
#content h2 {
    font-family: cinematografica;
    font-size: 42px;
    color: #28b8ac;
}
#content h3 {
    font-family: cinematografica;
    font-size: 32px;
}
#content a:link {
    color: #28b8ac;
}
#content a:visited {
    color: #320880;
}

.name {
    color: var(--catppuchin-blue);
}

#intro {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
}
#active-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
}