nothing to commit

.firebase/hosting.cHVibGlj.cache

@@ -12,4 +12,4 @@ assets/img/pizza.jpg,1700433650807,ee9fc3dda0fbbeda217d7b842d07814d014ddcbb9e192
 assets/img/specials-background.jpeg,1700433650808,253c2e2ed0c7b8677663d74af84bbe59fff8864ab7110aca18784231930ddf6a
 assets/img/splash.png,1700433650808,c1a44dfb9da2f771b569b6adfc3e67286d1cfd9fb62e4793241ad96123d65779
 assets/img/tomato.png,1700433650808,d2cced917bbe44711ebe858aca91a07a752baed8b3785dfdd6ecd25477144cc5
-index.html,1701036925623,55ecb5962bd4018f82f253646aa7a918cc3f08f3ba0bc47a3efc593b4ef02e9b
+index.html,1701037119127,29e7996b96857adc684972a8f1db63c3b4efac9f3461aa9075b398de560fa0c3

public/specials.html

@@ -65,7 +65,7 @@
                         <div class="row">
                             <h1>Specials</h1>
                             <div class="intro-text special-body col-lg-8">
-                                <img class="notice-body" src="./assets/img/pizza.jpg" alt="Pizza" />
+                                <img class="notice-body" src="./assets/img/lanterna-navidad.png" alt="Pizza" />
                             </div>
                             <div class="col-lg-4 food-icon-group">
                                 <i class="fa-solid fa-pizza-slice fa-3x food-icons"></i>

public/style.css

@@ -4,7 +4,10 @@
     box-sizing: border-box;
 }
 
-
+td{
+    line-height: 50px;
+    font-size: 20px;
+}
 
 body {
     margin: 0 !important;
@@ -31,8 +34,13 @@ h5 {
 }
 
 p {
+    font-size: 20px;
     padding-bottom: 20px;
 }
+th {
+    font-size: 25px;
+}
+
 #navbar_top{
     position:fixed;
     box-shadow: 0px 4px 7px #656565;
@@ -48,6 +56,8 @@ p {
 .contact-title,
 #menu-food,
 .our-restaurant {
+    text-align: center;
+    padding-top:50px;
     font-family: 'Allura', cursive;
     font-size: 75px;
 }
@@ -62,7 +72,6 @@ p {
     transition: box-shadow .15s ease-in-out;
 }
 
-
 nav,
 .intro {
     background: url("assets/img/pasta-and-flour.jpg");
@@ -123,15 +132,30 @@ nav,
     align-items: center;
     border-radius: 50px;
 }
+#location{
+    display: flex!important;
+    padding: 20px;
+    width: 100%;
+    height: auto;
+    align-items: center;
+    border-radius: 50px;
+}
 
 .about-text {
-    padding: 30px;
-    margin: 20px;
+    padding: 40px;
+    margin: 20px auto; 
+    background-color: black;
+    opacity: 0.5;
+    border-radius: 280px;
+    width: 500px;
+    display:block;
+    justify-content: center!important;
 }
 
 .our-restaurant {
-    display: inline-flex;
+    display: inline-block;
     align-items: center;
+    justify-content: center;
 }
 
 .container-restaurant {
@@ -182,8 +206,8 @@ li,
 
 
 span {
+    font-size: 25px;
     margin-left: 100px;
-    padding: 20px;
 }
 
 .additions {
@@ -216,15 +240,6 @@ em {
     align-items: center;
 }
 
-.card-body {
-    color: white;
-    text-decoration: none;
-    width: 100%;
-    height: 100%;
-    margin: 0;
-    font-size: 25px;
-}
-
 .btn-block {
     color: white;
     text-align: center;
@@ -233,6 +248,10 @@ em {
 .btn-block:hover {
     color: greenyellow;
 }
+.seafood-table{
+    color:white !important;
+    text-align: center;
+}
 
 
 
@@ -268,42 +287,19 @@ em {
 .extra-toppings {
     justify-content: flex-start;
 }
-
-.contact {
-    display: flex;
-    flex-wrap: nowrap;
-    align-items: center;
-    margin-top: 50px;
-}
-
 .contact-info {
     padding: 20px;
-    font-size: 30px;
-}
-
-.map {
-    text-align: center;
-    margin-top: 50px;
-}
-
-.our-location {
-    background-color: black;
-    border-radius: 50px 50px 0 0;
-    max-width: 600px;
-    height: auto;
-    padding: 20px;
-    display: block;
-    justify-content: center;
-    margin: 0 auto;
+    justify-content: flex-end;
+    font-size: 20px;
 }
 
-.catering-event h4 {
-    background-color: black;
+.card h4 {
+    width:100%;
+    height: 500px;
+    opacity: 0.5;
     padding: 20px;
     font-weight: 600;
-    width: 600px;
-    margin: auto;
-    border-radius: 15px 15px 0 0;
+    margin: 20px auto;
 }
 
 .icon,
@@ -312,23 +308,20 @@ em {
 }
 
 
-.catering-event {
-    max-width: 100%;
-    height: auto;
-    padding: 20px;
-    border-radius: 50px;
-}
-
-iframe {
-    border-radius: 0 0 15px 15px;
-    box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.2), 0 25px 25px 0 rgba(0, 0, 0, 0.19);
+.schedule{
+    padding-left:100px;
+    padding-right:50px;
+    display: block;
+    justify-content: space-between;
+    align-items: center;
 }
 
-.schedule {
-    display: flex;
-    padding: 10px;
-    justify-content: space-around;
-    align-items: center;
+.d-block{
+    object-fit: cover;
+    height: 500px;
+    width:100%;
+    border-radius: 20px 20px 20px 20px;
+    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2), 0 25px 25px 0 rgba(0, 0, 0, 0.19);
 }
 
 .openingHours-title {
@@ -341,23 +334,27 @@ iframe {
 }
 
 .opening-hours {
-    text-align: center;
-    padding: 100px;
-
+    text-align: left;
 }
 
+iframe{
+    border-radius: 20px 20px 20px 20px;
+    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.2), 0 25px 25px 0 rgba(0, 0, 0, 0.19);
 
+}
 
-.map-info {
-    padding: 30px;
-    margin: 10px;
+
+.card {
+    background-color: transparent;
+    padding: 30px auto;
+    margin: 10px auto;
     font-size: xx-large;
     text-align: center;
 }
 
 .marketplace {
-    font-size: 25px;
-    font-weight: 600px;
+    font-size: 30px;
+    font-weight:900;
     background: rgb(67, 230, 27);
     background: linear-gradient(90deg, rgba(67, 230, 27, 1) 0%, rgba(27, 233, 116, 0.02891578994879207) 33%, rgba(247, 248, 245, 1) 49%, rgba(245, 45, 24, 1) 69%, rgba(255, 11, 0, 1) 100%);
     margin: 0 0 0 0;
@@ -366,6 +363,7 @@ iframe {
     color: black;
     font-weight: bold;
     width: 100%;
+    font-family: 'Open Sans', sans-serif;
     /* text-shadow: 5px 5px 4px black; */
 }
 
@@ -465,7 +463,6 @@ footer {
     p {
         width: 500px;
         text-align: center;
-        display: inline-flex;
     }
 
     #specials,
@@ -518,25 +515,18 @@ footer {
         justify-content: center;
     }
 
-    .contact {
-        flex-wrap: wrap;
-        width: 100%;
-    }
-
-
-    .catering-event {
-        display: none;
-    }
-
     .about-img {
         width: 100%;
     }
 
     .about-text {
-        text-align: center;
+        text-align: center!important;
         width: 100%;
         font-size: 25px;
     }
+    .opening-hours {
+        text-align: center;
+    }
 
     .accordion {
         font-size: 25px;
@@ -553,19 +543,6 @@ footer {
         text-align: left;
         justify-content: space-between;
     }
-
-    .map,
-    .out-location {
-        display: inline-table;
-        justify-items: center;
-        width: 100%;
-        height: auto;
-    }
-
-    .map-info {
-        text-align: center;
-    }
-
     .marketplace {
         width: 100%;
         height: auto;
@@ -581,6 +558,15 @@ footer {
 }
 
 @media screen and (max-width:560px) {
+      #location{
+        flex-wrap: wrap;
+        display:block!important;
+        padding: 20px;
+        width:100%;
+        height: auto;
+        justify-content: center!important;
+        align-items: center;
+    }
     #navbar_top{
         position: fixed !important;
     }