Working on pages

pages/register/style.css

@@ -61,6 +61,9 @@ button {
     justify-content: center;
     background-color: white;
     visibility: hidden;
+    padding-left: 40px;
+    padding-right: 40px;
+    text-align: center;
 }
 
 .done {
@@ -81,7 +84,7 @@ button {
 }
 
 .signed > .progress {
-    animation: loading 4s;
+    animation: loading 3s;
 }
 
 @keyframes loading {
@@ -135,4 +138,55 @@ button {
 .left-footer > a:hover,
 .right-footer > a:hover {
     text-decoration: underline;
+}
+
+@media only screen and (max-width: 980px) {
+
+    .registration {
+        width: 90%;
+        height: auto;
+        position: fixed;
+        border-radius: none;
+        padding: auto;
+        box-shadow: none;
+        overflow: visible;
+    }
+
+    body {
+        background: none;
+        min-height: 85vh;
+    }
+
+    p {
+        font-size: 36px;
+    }
+
+    .registration h1 {
+        font-size: 64px;
+    }
+    
+    .matter-button-contained {
+        padding-top: 0.5em;
+        padding-bottom: 1.3em;
+        padding-left: 0.65em;
+        padding-right: 0.65em;
+        border-radius: 7px;
+    }
+    
+    .matter-button-text {
+        padding-top: 0.4em;
+        padding-bottom: 1.3em;
+        padding-left: 0.65em;
+        padding-right: 0.65em;
+        border-radius: 7px;
+    }
+
+    a.matter-button-contained {
+        font-size: 3.2em;
+    }
+
+    a.matter-button-text {
+        font-size: 2.6em;
+    }
+
 }