diff --git a/fonts/AC1-SemiLightDots.ttf b/fonts/AC1-SemiLightDots.ttf
new file mode 100644
index 0000000..88ec92d
Binary files /dev/null and b/fonts/AC1-SemiLightDots.ttf differ
diff --git a/index.html b/index.html
index 6f8899e..ff79f6e 100644
--- a/index.html
+++ b/index.html
@@ -19,10 +19,11 @@
         <!--[if lt IE 7]>
             <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
         <![endif]-->
+        <h1>windows.open(Welcome)</h1>
 
-        <div class="ui-widget-content draggable resizable">This is a third draggable div</div>
-        <div class="ui-widget-content draggable resizable">This is another draggable div</div>
-        <div class="ui-widget-content draggable resizable">This is a draggable div</div>
+        <div class="ui-widget-content draggable resizable"><h1>TEST</h1>This is a third draggable div</div>
+        <div class="ui-widget-content draggable resizable"><h1>TEST</h1>This is another draggable div</div>
+        <div class="ui-widget-content draggable resizable"><h1>TEST</h1>This is a draggable div</div>
 
         <script src="./scripts/App.js"></script>
     </body>
diff --git a/styles/style.css b/styles/style.css
index 3e64a9c..fcffd8b 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -1,8 +1,26 @@
+@font-face {
+  font-family: points;
+  src: url(../fonts/AC1-SemiLightDots.ttf);
+}
+
+html{
+
+}
+
+body{
+  background-color: blue;
+  color: white;
+}
+
+h1{
+  font-family: points;
+}
+
 .draggable {
   position: absolute;
   cursor: grab;
-  border: 2px red solid;
-  background: none;
+  border: 2px white solid;
+  background: black
 }
 
 .resizable {