body {
	background-color:ivory;
}
.null {
	display:flex;
}
.left {
	width:500px;
	font-size:14pt;
	border:solid green 2pt;
	text-align:justify;
	padding:10px;
}
.right {
	width:240px;
	font-size:10pt;
	border:solid red 2pt;
	text-align:center;
	padding:10px;
}
button {
	font-size:10pt;
	border-radius:15px;
	box-shadow:5px 5px 5px rgba(0, 0, 0, .6);
	width:90px;
	height:24px;
	margin:5px 10px 5px 10px;
}
#submit-button {
	margin:20px;
}
.login-prompt {
	width:auto;
	height:auto;
	border:solid 1pt black;
	border-radius:15px;
	padding:15px;
	position:absolute;
	left:100px;
	top:100px;
	color:black;
	background-color:white;
	box-shadow:0px 0px 400px rgba(0,0,0,1);
	font-family: monospace;
}
.signup {
	width:auto;
	height:auto;
	border:solid 1pt black;
	border-radius:15px;
	padding:15px;
	position:absolute;
	left:100px;
	top:100px;
	background-color:white;
	box-shadow:0px 0px 400px rgba(0,0,0,1);
	font-family:monospace;
	color:black;
}
.add_bookmarks {
	width:auto;
	height:auto;
	border:solid 1pt black;
	border-radius:15px;
	padding:15px;
	position:absolute;
	left:100px;
	top:100px;
	background-color:white;
	box-shadow:0px 0px 400px rgba(0,0,0,1);
	font-family:monospace;
	color:black;
	display:flex;
	flex-direction:row;
	z-index:1000;
}
.box {
	width:auto;
	height:auto;
	border:solid 1pt black;
	border-radius:15px;
	padding:15px;
	position:absolute;
	background-color:white;
	left:0px;
	top:0px;
	box-shadow:10px 10px 10px rgba(0,0,0,.6);
	font-family: monospace;

}
.hidden {
	display:none;
}
.bookmarks {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	font-family:courier new;
	font-size:12pt;
	font-weight:normal;
}
.bookmarks a {
	text-decoration:none;
	color:unset;
	white-space:nowrap;
}
.bookmark_group {
	max-width:300px;
	min-width:150px;
	height:auto;
	border:solid 3pt black;
	border-radius:15px;
	padding:15px;
	box-shadow:10px 10px 10px rgba(0, 0, 0, .5);
	margin:10px;
}
.group_name {
	background:black;
	color:white;
	font-family:monospace;
	font-size:14pt;
	font-weight:bold;
	text-align:center;
}
.AddBookmark {
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:1000;
	font-size:72pt;
	border:solid 1pt black;
	box-shadow:10px 10px 25px rgba(0,0,0,.5);
	text-shadow:2px 2px rgba(0,0,0,.5);
	border-radius:40px;
	background: lightblue;
	color:black;
	width:90px;
	height:90px;
	text-align:center;
	line-height:90px;
	margin:30px;
	vertical-align:middle;
	cursor:pointer;
}
.headers {
	text-align:right;
	font-weight:bold;
	background-color:rgb(200, 200, 200);
	color:black;
	padding:5px;
	height:30px;
	line-height:30px;
	vertical-align:middle;
}
.fields {
	text-align:left;
	height:50px;
	line-height:50px;
	vertical-align:middle;
	background-color:rgb(220, 220, 220);
	font-weight:bold;
}
.radio {
	display:flex;
	flex-direction:row;
	justify-content:space-evenly;	
}
.two-line {
	text-align:center;
	line-height:25px;
}
.close_button {
	font-size:24pt;
	color:red;
	font-weight:bold;
	font-family:monospace;
	background-color:transparent;
	position:absolute;
	top:0px;
	right:0px;
	padding-left:5px;

	cursor:pointer;
}
#show_color_results {
	display:flex;
	flex-direction:column;
	justify-content:space-evenly;
	width:400px;
	height:auto;
	text-align:center;
}
#show_color_results p {
	width:225px;
	padding:10px;
	font-size:14pt;
}
.groupAdd {
	width:auto;
	height:auto;
	border:solid 1pt black;
	border-radius:15px;
	padding:15px;
	position:absolute;
	left:100px;
	top:100px;
	background-color:white;
	box-shadow:0px 0px 400px rgba(0,0,0,1);
	font-family:monospace;
	color:black;
	z-index:10000;
}