scrolling

styles.css

@@ -15,6 +15,8 @@
 .modal-content {
     background-color: #fefefe;
     margin: auto;
+    max-height: 60%;
+    overflow-y: auto;
     padding: 20px;
     border: 1px solid #888;
     width: 50%;
@@ -127,15 +129,15 @@
   0% {
     transform: scale(0, 0);
     opacity: 1;
-  }
-  20% {
+}
+20% {
     transform: scale(25, 25);
     opacity: 1;
-  }
-  100% {
+}
+100% {
     opacity: 0;
     transform: scale(40, 40);
-  }
+}
 }
 
 .matbut:focus:not(:active)::after {