hello

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>

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 {