added additional styling

main.css

@@ -37,3 +37,54 @@ body {
 	font-size: 300%;
 	text-align: center;
 }
+
+.dialog {
+	display: block;
+	position: absolute;
+	top: 0;
+	left: -100vw;
+	height: 100vh;
+	width: 100vw;
+	backdrop-filter: blur(0px);
+	transition: left 500ms, backdrop-filter 500ms;
+}
+
+.title_bar {
+	height: 50px;
+	box-shadow: inset 0 -2px 3px 0 #888;
+	display: flex;
+	justify-content: stretch;
+	font-size: 32pt;
+	user-select: none;
+}
+
+.title_text {
+	text-align: center;
+	flex: 1;
+}
+
+.close {
+	display: inline-block;
+	background: rgba(128,128,128,0.01);
+	box-shadow: inset 2px 2px 2px 0 rgba(128,128,128,0.5);
+	width: 50px;
+	text-align: center;
+	cursor: pointer;
+}
+
+.focused {
+	left: 0vw;
+	backdrop-filter: blur(5px);
+	transition: left 500ms, backdrop-filter 500ms;
+}
+
+.library_body {
+	display: grid;
+	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+	grid-gap: 5%;
+	padding: 5%;
+}
+
+.pec {
+	text-align: center;
+}