añadi nuevas vistas

app/globals.css

@@ -90,7 +90,7 @@ footer {
   flex-direction: column;
 }
 
-.containerForm{
+.containerForm {
   width: 100%;
   max-width: 450px;
 }
@@ -101,7 +101,7 @@ footer {
   right: 0;
   width: 400px;
   height: 615px;
-  background-image: url('/rock.jpg');
+  background-image: url("/rock.jpg");
   background-size: cover;
   background-position: center;
   overflow: hidden;
@@ -110,7 +110,7 @@ footer {
 }
 
 .img::after {
-  content: '';
+  content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(to right, #f9f9f9, rgba(128, 128, 128, 0));
@@ -136,7 +136,6 @@ select {
   justify-content: space-between;
 }
 
-
 .button {
   padding: 0.5rem 1.25rem;
   font-size: 1rem;
@@ -165,7 +164,6 @@ select {
   background-color: #15803d;
 }
 
-
 .absoluteButton {
   position: absolute;
   bottom: 1rem;
@@ -184,7 +182,7 @@ ul {
   margin-bottom: 10px;
 }
 
-.label{
+.label {
   font-size: 1rem;
   font-weight: bold;
   display: block;
@@ -204,7 +202,7 @@ a {
   max-width: 400px;
 }
 
-.information ul{
+.information ul {
   padding: 1rem;
 }
 
@@ -274,7 +272,7 @@ form {
   background-color: #f9fafb;
 }
 
-@media(max-width:800px) {
+@media (max-width: 800px) {
   header {
     padding: 6px 16px;
   }
@@ -300,7 +298,7 @@ form {
 
   .img::before,
   .img::after {
-    content: '';
+    content: "";
     position: absolute;
     top: 0;
     bottom: 0;
@@ -327,8 +325,8 @@ form {
   }
 }
 
-@media(max-height:960px) {
+@media (max-height: 960px) {
   .container {
-    margin: 0
+    margin: 0;
   }
-}
+}