body {
	font-family: sans-serif ;
	background: #121415 ;
	color: #e1dfdc ;
}

main {
	max-width: 1000px;
	margin: auto;
}

.regular {
	max-width: 800px;
	margin: auto;
}

img {
	max-width: 100% ;
}

header h1 {
	text-align: center ;
}

footer {
	text-align: center ;
	clear: both ;
}

a {
    color: #7fdce8;
}

#navbar {
    display: flex;
    justify-content: center;
    list-style-type: none;
    padding: 0;
	font-size: large;
}

#navbar > li {
	float: left;
	padding-left: 1rem;
}

/* For TAGLIST.HTML */
.taglist {
	text-align: center ;
	clear: both ;
}

/* For NEXTPREV.HTML */
#nextprev {
	/* The container for both the previous and next articles. */
}
#prevart {
	float: left ;
	text-align: left ;
}
#nextart {
	float: right ;
	text-align: right ;
}
#nextart,#prevart {
	max-width: 33% ;
}


.float-right {
    width: 250px;
    margin: auto;
}
@media screen and (min-width: 767px) {
    .float-right {
        width: 250px;
        float: right;
    }
}

.img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

#firework {
    width: 150px;
    margin: auto;
    border: 2px solid gray;
}