little adjuts hypercube practical vision

PRACTICAL_VISION/scripts/hcindex.js

@@ -22,14 +22,14 @@ let points = [];
 function setup() {
   var mq = window.matchMedia( "(max-width: 600px)" );
 if (mq.matches) {
-  var cnv = createCanvas(innerWidth, windowHeight, WEBGL);
+  var cnv = createCanvas(innerWidth/2, windowHeight/2, WEBGL);
-  cnv.position(innerWidth/15);
+cnv.position(innerWidth/4, innerHeight*0.1);
-  cnv.style('z-index','-10')
+  cnv.style('z-index','-10');
 }
 else {
   var cnv = createCanvas(innerWidth*0.9, windowHeight, WEBGL);
   cnv.position(innerWidth*1.35);
-  cnv.style('z-index','-10')
+  cnv.style('z-index','-10');
 }
 
   

PRACTICAL_VISION/style.css

@@ -298,9 +298,9 @@ button a{
 }
 
 @keyframes cycle3 {
-  0% { transform: rotate(185deg)}
+  0% { transform: rotate(250deg)}
-  50% {transform: rotate(151deg)}
+  50% {transform: rotate(220deg)}
-  100% {transform: rotate(185deg);}
+  100% {transform: rotate(250deg);}
 }
 
 
@@ -336,7 +336,24 @@ button a{
   .left p{
     padding: 80% 5%;
   }
+    img{
+        width: 20%;
+            margin-left: 30%
+    }
+    
+    #img3{
+        margin-left: 40%
+    }
+.container{
 
+  margin-left: 0 ;
+
+    }
+
+    #eccezione{
+ width: 70%;
+ margin-left: 20% ;
+}
 
   
 }