diff --git a/static/css/style.css b/static/css/style.css
index f394ccf..318d72c 100644
--- a/static/css/style.css
+++ b/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%;
-  height: 80%;
+  width: 100%;
+  height: 100%;
 }
 
 #second_circle {
-  width: 80%;
-  height: 80%;
+  width: 100%;
+  height: 100%;
 }
 
-@media all and (max-width: 250px) {
+@media all and (max-width: 350px) {
   #first_circle {
-    width: 4rem;
-    height: 4rem;
+    width: 100%;
+    height: 100%;
   }
   #second_circle {
-    width: 4rem;
-    height: 4rem;
+    width: 100%;
+    height: 100%;
   }
 }
 draggable {
diff --git a/templates/hello.html b/templates/hello.html
index e739a2c..9bd4a1f 100644
--- a/templates/hello.html
+++ b/templates/hello.html
@@ -90,7 +90,7 @@
 <script type="text/javascript">
   $("#angela").click(function(){
       $("#show1").fadeIn()
-      console.log("around")
+      console.log("around")gi
    });
 </script>