Fix background issues

css/style.css

@@ -4,11 +4,11 @@
 
 @font-face {
     font-family: popUpFont;
-    src: url(/fonts/monaco.ttf);
+    src: url('../fonts/monaco.ttf');
 }
 @font-face {
     font-family: headersFont;
-    src: url(/fonts/Good_Morning.ttf);
+    src: url('../fonts/Good_Morning.ttf');
 }
 
 
@@ -16,7 +16,13 @@
 /*-----------------------Character CSS high-resolution--------------------------------*/
 
 html{
-    background-image: url(/img/background.png);
+    background-image: url('../img/background.png');
+    background-attachment: fixed;
+    width: auto;
+    height: auto;
+    background-position: left top;
+    background-repeat: no-repeat;
+    background-size: cover;
 }
 /* HOVER STYLES */
 div#pop-up-police {
@@ -42,10 +48,6 @@ h1 {
     justify-content: center;
 }
 
-html {
-    background-color: whitesmoke;
-}
-
 .active {
     pointer-events: auto;
     cursor: default;
@@ -58,31 +60,31 @@ html {
 
 #station-building {
     position: absolute;
-    top: 49rem;
+    top: 46rem;
     left: 17rem;
 }
 
 #police-building {
     position: absolute;
-    top: 22rem;
+    top: 20rem;
     left: 17rem;
 }
 
 #cinema-building {
     position: absolute;
-    top: 19rem;
+    top: 17rem;
     left: 54.5rem;
 }
 
 #burguer-building {
     position: absolute;
-    top: 22rem;
+    top: 20rem;
     left: 91rem;
 }
 
 #club-building {
     position: absolute;
-    top: 50rem;
+    top: 46rem;
     left: 89rem;
 }
 

index.html

@@ -81,4 +81,4 @@
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
         <script src="js/script.js"></script>
 </body>
-</html>
+</html>

wytyczne

@@ -0,0 +1,5 @@
+- obsluga bledu, gdzie nie ma gry,
+- formularz do wprowadzania pytan,
+- testy do gier dodac,
+- snake - moze kiedy zje to wydluza sie jezeli zostanie podana poprawna odpowiwiedz
+- 17.01(ostatnie zajecia ktore pokazuja juz finalny produkt)