Grosse Modifiche Completate !

src/App.scss

@@ -486,6 +486,13 @@ $heightBtn: 100%;
   letter-spacing: .01em;
 }
 
+.text-evidente2{
+  font-size: 1.25rem;
+  color: blue;
+  line-height: 1.75rem;
+  letter-spacing: .005em;
+}
+
 
 .shadow-max {
   //color: white;
@@ -711,6 +718,20 @@ $heightBtn: 100%;
   border: solid 3px #0f01b5;
 }
 
+.bordo_stondato2, .bordo_stondato_blu2{
+  margin: 4px;
+  border-radius: 3rem;
+  padding-left: 2px;
+  padding-right: 2px;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  border: solid 3px #49b502;
+}
+
+.bordo_stondato_blu2 {
+  border: solid 3px #0f01b5;
+}
+
 .my-sticky-header-table {
   /* max height is important */
   /* this is when the loading indicator appears */
@@ -743,8 +764,12 @@ $heightBtn: 100%;
 
 .my-card-shadow {
   width: 100%;
-  max-width: 350px;
-  min-width: 300px;
+  max-width: 800px;
+  min-width: 800px;
+  @media (max-width: 500px) {
+    max-width: 350px;
+    min-width: 300px;
+  }
   padding-bottom: 20px;
   margin-left: 0;
   margin-right: 0;
@@ -752,15 +777,22 @@ $heightBtn: 100%;
   margin-bottom: 1rem;
   border-radius: 30px;
 
-  transition: transform .2s ease-out;
+  // transition: transform .2s ease-out;
 
 }
 
 .my-card-shadow:hover {
-  transition: transform .2s ease-in;
-  transform: scale(1.03);
+  // transition: transform .2s ease-in;
+  // transform: scale(1.03);
   @media (max-width: 500px) {
-    transform: scale(1);
+    // transform: scale(1);
   }
 }
 
+
+.text-small{
+  font-size: 0.90rem;
+  @media (max-width: 500px) {
+    font-size: 0.8rem !important;
+  }
+}