smooth scroooooooooll

static/css/style.css

@@ -1,6 +1,6 @@
 /* Everything*/
 * {
-  border: 0px black solid;
+  border: 1px black solid;
 }
 
 /*Main areas*/
@@ -35,23 +35,23 @@ audio {
 /* circles */
 
 #first_circle {
-  width: 80%;
+  width: 100%;
-  height: 80%;
+  height: 100%;
 }
 
 #second_circle {
-  width: 80%;
+  width: 100%;
-  height: 80%;
+  height: 100%;
 }
 
-@media all and (max-width: 250px) {
+@media all and (max-width: 350px) {
   #first_circle {
-    width: 4rem;
+    width: 100%;
-    height: 4rem;
+    height: 100%;
   }
   #second_circle {
-    width: 4rem;
+    width: 100%;
-    height: 4rem;
+    height: 100%;
   }
 }
 draggable {

templates/hello.html

@@ -90,7 +90,7 @@
 <script type="text/javascript">
   $("#angela").click(function(){
       $("#show1").fadeIn()
-      console.log("around")
+      console.log("around")gi
    });
 </script>