From e4e8d4075f1e03abdcce12909628caa5136d8de9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fernando=20M=C3=A9ndez?=
 <45081533+FerMdez@users.noreply.github.com>
Date: Thu, 11 Mar 2021 09:51:32 +0100
Subject: [PATCH] Add files via upload

---
 assets/css/main.css | 44 ++++++++++++++++++++++++++++++++++++++++++--
 bocetos/index.html  |  9 +++++----
 2 files changed, 47 insertions(+), 6 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index 8ff9389..b551ea5 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -21,7 +21,7 @@ h1, h2, h3, h4 {
   color: #dadada;
   padding: 15px;
   text-align: left;
-  font-size: 15px;
+  font-size: 18px;
 } 
 .header img {
   width: 11px;
@@ -118,6 +118,17 @@ table a{
   width: 33.33%;
 }
 
+/* Left column */
+.column.left {
+  width: 50%;
+}
+
+/* Right column */
+.column.right {
+  float: right;
+  width: 50%;
+}
+
 /* Clear floats after the columns */
 .row:after {
   content: "";
@@ -127,7 +138,7 @@ table a{
 
 /* Responsive layout: makes the three columns stack on top of each other instead of next to each other */
 @media (max-width: 800px) {
-  .column.side, .column.middle {
+  .column.side, .column.middle, .column.left, .column.right{
     width: 100%;
   }
 }
@@ -173,6 +184,35 @@ table a{
 }
 
 
+/* Sketches */
+.sketches{
+  text-align: center;
+  display: block;
+  line-height: 1.25em;
+  padding: 1em 1em;
+  overflow-x: auto;
+  background: #1f2c3d;
+  border-radius: 3px;
+}
+.sketches h1, h2, h3, h4 {
+  color: #d3ebff;
+}
+.sketches img{
+  width: 550px; 
+  height: 550px;
+}
+.sketches .description {
+  color: #d3ebff;
+}
+/* Responsive layout */
+@media (max-width: 1150px) {
+  .sketches img{
+    width: 100%;
+    height: 75%;
+  }
+}
+
+
 /* Form */
 form {
   margin: auto;
diff --git a/bocetos/index.html b/bocetos/index.html
index e162af0..17bfc82 100644
--- a/bocetos/index.html
+++ b/bocetos/index.html
@@ -38,7 +38,8 @@
                 <div class="sketches">
                     <img src="../img/inicio.png" />
                     <div class="description">
-                        <p>Pantalla de inicio.</p>
+                        <h4>Pantalla de inicio.</h4>
+                        <p>Pantalla de bienvenida al entrar en la web.</p>
                     </div>
                 </div>
             </div>
@@ -46,7 +47,7 @@
                 <div class="sketches">
                     <img src="../img/peliculas.png" />
                     <div class="description">
-                        <p>Pantalla de inicio.</p>
+                        <h4>Pantalla de inicio.</h4>
                     </div>
                 </div>
             </div>
@@ -56,7 +57,7 @@
                 <div class="sketches">
                     <img src="../img/cine.png" />
                     <div class="description">
-                        <p>Pantalla de inicio.</p>
+                        <h4>Pantalla de inicio.</h4>
                     </div>
                 </div>
             </div>
@@ -64,7 +65,7 @@
                 <div class="sketches">
                     <img src="../img/mapa_asientos.png" />
                     <div class="description">
-                        <p>Pantalla de inicio.</p>
+                        <h4>Pantalla de inicio.</h4>
                     </div>
                 </div>
             </div>