.grid-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	background-color: black;
	grid-gap: 10px;
}

.grid-item {
	background-color: black;
	border: 1px solid rgba(0, 0, 0, 0.8);
	padding: 20px;
	font-size: 30px;
	text-align: center;
}

.grid-item-selected {
	background-color: rgba(0, 0, 255, 1.0);
	border: 1px solid rgba(0, 0, 0, 0.8);
	padding: 20px;
	font-size: 30px;
	text-align: center;
}



.button_box
{
	position: absolute;
	right: 30px;
	top: 30px;
}

.login_logout_button
{
	background-color: blue;
	color: white;
	padding: 7px;
	margin: 5px;
	display: inline-block;
	border-radius: 15px;
	font-family: Arial;

}


.trash_can_button
{
	background-color: blue;
	color: white;
	padding: 7px;
	margin: 5px;
	display: inline-block;
	border-radius: 15px;
	font-family: Arial;
}

.trash_can_button img
{
	height:  18px;
}

.show_tags_button
{
	/* position: absolute;
	right: 30px;
	top: 30px;
	*/
	background-color: blue;
	color: white;
	padding: 7px;
	margin: 5px;
	display: inline-block;
	border-radius: 15px;
	font-family: Arial;
}

.show_tags_button a 
{
    text-decoration: none;
	color: white;
}

.show_tags_button a:visited 
{
    text-decoration: none;
	color: white;
}


.posBox
{
	background-color:	#11FF11;
	border:				5px solid green;
	text-align:			center;
	padding:			5px;
}
.negBox
{
	background-color:	#FFBBBB;
	border:				5px solid #DD0000;
	text-align:			center;
	padding:			5px;
}


h1 
{ 
	color:#ffffff;
	/* font-family: 'Holtwood One SC', serif; */
	font-family: 'Special Elite', serif;
	font-weight: 400; 
	font-size: 4em;
	margin-block-start: 0.1em;
    margin-block-end: 0.1em;
}

h1 a:link
{
	color:#ffffff;
	text-decoration: none;
}

h1 a:visited
{
	color:#ffffff;
	text-decoration: none;
}

h1 a:active
{
	color:#ffffff;
	text-decoration: none;
}
	
h1 a:hover
{
#	text-decoration: underline;
#	color: red;
}


h2
{ 
	color:#ffffff;
	/* font-family: 'Holtwood One SC', serif; */
	font-family: 'Special Elite', serif;
	font-weight: 400;
	font-size: 2em;
	margin-block-start: 0.4em;
    margin-block-end: 0.4em;
}

h2 a:link
{
	color:#ffffff;
	text-decoration: none;
}

h2 a:visited
{
	color:#ffffff;
	text-decoration: none;
}

h2 a:active
{
	color:#ffffff;
	text-decoration: none;
}
	
h2 a:hover
{
#	text-decoration: underline;
#	color: red;
}


a
{
	color: #9999ff;
}
a:visited
{
	color: #B382E8;
}

body
{
	background-color:#000000;
	color:#ffffff;
}