diff --git a/main.css b/main.css
index eb171a2..8ae3c43 100644
--- a/main.css
+++ b/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;
+}
diff --git a/main.js b/main.js
index 2738315..6e3d4c7 100644
--- a/main.js
+++ b/main.js
@@ -7,7 +7,11 @@ class auxillery_dialog {
 		this.root.classList.add("dialog");
 		this.title = "string" == typeof title ? title : "";
 		var title_bar = document.createElement("div");
-		title_bar.innerText = this.title;
+		title_bar.classList.add("title_bar");
+		var titleText = document.createElement("span");
+		titleText.innerText = this.title;
+		titleText.classList.add("title_text");
+		title_bar.appendChild(titleText);
 		this.root.appendChild(title_bar);
 		this.body = document.createElement("div");
 		this.root.appendChild(me.body);
@@ -36,14 +40,18 @@ app.gui.view.id = "view";
 app.gui.main.appendChild(app.gui.view);
 // Library popup
 app.gui.library = new auxillery_dialog("Library");
+app.gui.library.body.classList.add("library_body");
+app.gui.main.append(app.gui.library.root);
 // Options popup
 app.gui.options = new auxillery_dialog("Options");
 // pre-populate grid with emptys
 for (var x = 0; x < 16; x++) {
 	var name = "pec"+x;
-	var thisPec = app.gui[name] = document.createElement("span");
-	thisPec.classList.add("pecSlot","empty");
-	thisPec.innerHTML = "<p>+</p>";
+	var thisPec = document.createElement("span");
+	app.gui[name] = thisPec;
+	thisPec.classList.add("pecSlot");
+	thisPec.id = name;
+	clearPec(x);
 	app.gui.view.appendChild(thisPec);
 	thisPec.addEventListener("click", (p,x)=>{
 		app.currentPec = p;