add centered box

css/centered-box.css

@@ -0,0 +1,13 @@
+.centeredBar {
+	background: #ff00ff;
+	width: 100%;
+    height: auto;
+    border: none;
+    pointer-events: none;
+    
+    position: absolute;
+	left: 50%;
+	top: 50%;
+	-webkit-transform: translate(-50%, -50%);
+	transform: translate(-50%, -50%);
+}

css/style.css

@@ -5,6 +5,7 @@
 @import url('clock.css');
 @import url('dock.css');
 @import url('dock-buttons.css');
+@import url('centered-box.css');
 
 :root {
 	/* Colors */

index.html

@@ -46,6 +46,13 @@
 		</div>
 	</div>
 
+	<div class='centeredBar' id='centeredBox'>
+		<div id='profileImageContainer'>
+			<div id='profile'></div>
+		</div>
+		<input type="text" id="searchBox" autocomplete="off" autofocus="off" placeholder="Type to search"/>
+	</div>
+
 
 	<script src="js/body-background-set.js"></script>
 	<script src="js/clock.js"></script>