From 4dd2a981946a0afe7e8b652583f6879ff9c30ab8 Mon Sep 17 00:00:00 2001
From: trolichero <168256161+trolichero@users.noreply.github.com>
Date: Thu, 2 May 2024 23:41:41 -0500
Subject: [PATCH] Delete css directory

---
 css/blog.css      | 305 ---------------------------------
 css/contacto.css  | 387 -----------------------------------------
 css/principal.css | 426 ----------------------------------------------
 css/proyectos.css | 305 ---------------------------------
 4 files changed, 1423 deletions(-)
 delete mode 100644 css/blog.css
 delete mode 100644 css/contacto.css
 delete mode 100644 css/principal.css
 delete mode 100644 css/proyectos.css

diff --git a/css/blog.css b/css/blog.css
deleted file mode 100644
index 529e672..0000000
--- a/css/blog.css
+++ /dev/null
@@ -1,305 +0,0 @@
-*{
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-    text-decoration: none;
-    font-family: sans-serif;
-}
-
-header{
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 80px;
-    background: #fff;
-    box-shadow: 0 4px 25px -22px black;
-    z-index: 2;
-}
-
-.header-content{
-    max-width: 1200px;
-    margin: auto;
-    display: flex;
-   justify-content: space-between;
-}
-
-.logo{
-    height: 80px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.logo h1 b{
-    color: blueviolet;
-}
-
-.menu{
-    height: 80px;
-}
-
-.menu nav{
-    height: 100%;
-}
-
-.menu nav ul{
-    height: 100%;
-    display: flex;
-    list-style: none;
-}
-
-.menu nav ul li{
-    height: 100%;
-    margin: 0px 20px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-}
-
-#icon-menu{
-    width: 40px;
-    height: 40px;
-    position:absolute;
-    right: 20px;
-    top: 16px;
-    padding: 10px;
-    font-size: 20px;
-    background: #eeeeeefa;
-    border-radius: 100%;
-    color: #787878;
-    display: none;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-}
-
-#icon-menu:hover{
-    opacity: 0.8;
-}
-
-/*Portada*/
-
-.container-cover{
-    width: 100%;
-    height: 200px;
-    position: relative;
-    margin-top: 80px;
-    background-image: url(../img/LUNETH3_OFICIAL.jpg);
-    background-position: center;
-    background-size: cover;
-    background-repeat: no-repeat;
-}
-
-.container-cover:before{
-    content: '';
-    width: 100%;
-    height: 100%;
-    background: goldenrod;
-    opacity: 0.7;
-    position: absolute;
-    top: 0;
-    left: 0;
-}
-
-.container-info-cover{
-    max-width: 800px;
-    height: 200px;
-    margin: auto;
-    text-align: center;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    position: relative;
-    z-index: 1;
-}
-
-.container-info-cover h1{
-    font-size: 50px;
-    font-weight: 300;
-    color:blue;
-    margin-bottom: 20px;
-}
-
-.container-info-cover p{
-    color: black ;
-    font-size: 20px;
-    font-weight: 200;
-}
-
-/*Botón para ir hacia arriba */
-
-#button-up{
-    width: 40px;
-    height: 40px;
-    background: violet;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border-radius: 50%;
-    position: fixed;
-    bottom: 40px;
-    right: 40px;
-    cursor: pointer;
-    border: 4px solid transparent;
-    transition: all 300ms ease;
-    transform: scale(0);
-}
-
-#button-up:hover{
-    transform: scale(1.1);
-    border-color: rgba(0,0,0,0.1);
-}
-
-/*footer - pie de página*/
-
-.container-footer{
-    width: 100%;
-    padding: 40px 0;
-    background: #f7f7f7;
-    margin-top: 40px;
-}
-
-.container-footer{
-    max-width: 1200px;
-    margin: auto;
-}
-
-.container-footer footer .logo-footer{
-    height: 20px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.container-footer footer .logo-footer h2 b{
-    color: blueviolet;
-}
-
-
-.container-footer footer .redes-footer{
-    display: flex;
-    justify-content: center;
-    margin-top: 20px;
-}
-
-.container-footer footer .redes-footer .icon-redes-footer{
-    margin: 20px;
-    background: grey;
-    width: 50px;
-    height: 50px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border-radius: 100%;
-    color: #a2a2a2;
-}
-
-.container-footer footer hr{
-    margin-top: 20px;
-    border: none;
-    height: 2px;
-    background: #c0c0c07a;
-}
-
-.container-footer h4{
-    text-align: center;
-    margin-top: 40px;
-    color: #8e8e8e;
-    font-weight: 250px;
-}
-
-/*Responsive design adaptable a dispositivos móviles*/
-
-@media screen and (max-width: 1220px){
-    .header-content,
-    .container-content,
-    .container-footer footer{
-        max-width: 1000px;
-        padding: 0 20px;
-    }
-}
-@media screen and (max-width: 1020px){
-    .container-content{
-        width: 100%;
-        flex-direction: column;
-    }
-
-    article{
-        box-shadow: 0 0 0 0;
-    }
-
-    .container-aside{
-        display: flex;
-        justify-content: center;        
-    }
-
-    .container-aside aside{
-        max-width: 300px;
-        margin: 10px;
-    }
-
-}
-
-@media screen and (max-width: 800px){
-
-    body{
-        overflow-x:hidden;
-    }
-
-    .container-all{
-        transition: all 300ms cubic-bezier(1,0,0,1);
-    }
-
-    .move-container-all{
-        transform: translateX(200px);
-    }
-
-    .menu{
-        width: 200px;
-        height: 100vh;
-        position: fixed;
-        top: 80px;
-        left: 0;
-        background: #fff;
-        overflow: hidden;
-        transform: translateX(-250px);
-        box-shadow: 10px 0 20px -25px black;
-        transition: all 300ms cubic-bezier(1,0,0,1);
-    }
-
-    .show-lateral{
-        width: 200px;
-        transform: translateX(0px);
-    }
-
-    .menu nav ul{
-        flex-direction: column;
-    }
-
-    .menu nav ul li{
-        max-width: 200px;
-        height: 40px;
-        justify-content: flex-start;
-    }
-
-    .menu-select:before{
-        width: 0;
-    }
-    
-    .menu nav ul li a img{
-        width: 20px;
-        display: inline-block;
-        margin-right:  10px;
-    }
-
-    #icon-menu{
-        display: flex;
-    }
-
-    .container-aside{
-        flex-wrap: wrap;
-    }
-
-}
\ No newline at end of file
diff --git a/css/contacto.css b/css/contacto.css
deleted file mode 100644
index a336114..0000000
--- a/css/contacto.css
+++ /dev/null
@@ -1,387 +0,0 @@
-*{
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-    text-decoration: none;
-    font-family: sans-serif;
-}
-
-header{
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 80px;
-    background: #fff;
-    box-shadow: 0 4px 25px -22px black;
-    z-index: 2;
-}
-
-.header-content{
-    max-width: 1200px;
-    margin: auto;
-    display: flex;
-    justify-content: space-between;
-}
-
-.logo{
-    height: 80px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.logo h1 b{
-    color: blueviolet;
-}
-
-.menu{
-    height: 80px;
-}
-
-.menu nav{
-    height: 100%;
-}
-
-.menu nav ul{
-    height: 100%;
-    display: flex;
-    list-style: none;
-}
-
-.menu nav ul li{
-    height: 100%;
-    margin: 0px 20px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-}
-
-#icon-menu{
-    width: 40px;
-    height: 40px;
-    position:absolute;
-    right: 20px;
-    top: 16px;
-    padding: 10px;
-    font-size: 20px;
-    background: #eeeeeefa;
-    border-radius: 100%;
-    color: #787878;
-    display: none;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-}
-
-#icon-menu:hover{
-    opacity: 0.8;
-}
-
-/*Portada*/
-
-.container-cover{
-    width: 100%;
-    height: 200px;
-    position: relative;
-    margin-top: 80px;
-    background-image: url(../img/LUNETH3_OFICIAL.jpg);
-    background-position: center;
-    background-size: cover;
-    background-repeat: no-repeat;
-}
-
-.container-cover:before{
-    content: '';
-    width: 100%;
-    height: 100%;
-    background: goldenrod;
-    opacity: 0.7;
-    position: absolute;
-    top: 0;
-    left: 0;
-}
-
-.container-info-cover{
-    max-width: 800px;
-    height: 200px;
-    margin: auto;
-    text-align: center;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    position: relative;
-    z-index: 1;
-}
-
-.container-info-cover h1{
-    font-size: 30px;
-    font-weight: 150;
-    color:blue;
-    margin-bottom: 20px;
-}
-
-.container-info-cover p{
-    color: black ;
-    font-size: 15px;
-    font-weight: 100;
-}
-
-/* Formulario */
-
-.container-content{
-    width: 1200px;
-    margin: auto;
-    margin-top: 40px;
-    display: flex;
-    justify-content: center;
-}
-
-form {
-    padding: 50px 55px;
-    box-shadow: 0 0 20px violet;
-    border-radius: 20px;
-    text-align: center;
-    width: 500px;
-}
-
-
-.input-group {
-    display: flex;
-    flex-direction: column;
-    text-align: left;
-}
-
-h2 {
-    margin-top: 20px;
-    font-weight: 500;
-    font-size: 40px;
-    color: orangered;
-    padding-bottom: 20px;
-}
-
-label {
-    color: #283629;
-    font-size: 15px;
-    font-weight: 600;
-    margin-bottom: 15px;
-}
-
-input, textarea {
-    padding: 17px 25px;
-    border-radius: 25px;
-    margin-bottom: 20px;
-    background-color: #EDFFF0;
-    border: 2px solid #F0FAF1;
-    color: #283629;
-    outline: none;
-}
-
-input::placeholder, textarea::placeholder {
-    color: #b5cab6;
-}
-
-.form-txt {
-    margin-bottom: 30px;
-    display: flex;
-    justify-content: space-between;
-    text-align: center;
-}
-
-.form-txt a {
-    color: #76b28e;
-    font-size: 14px;
-    font-weight: 600;
-    text-decoration: none;
-}
-
-.btn {
-    font-size: 16px;
-    color: #FFFFFF;
-    border: 0;
-    border-radius: 25px;
-    background-color: #51D94C;
-    box-shadow: 0 0 20px rgba(25, 254, 0, 0.4);
-    cursor: pointer;
-}
-
-.btn:hover {
-    background-color: #50E04B;
-}
-
-/*Botón para ir hacia arriba */
-
-#button-up{
-    width: 40px;
-    height: 40px;
-    background: violet;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border-radius: 50%;
-    position: fixed;
-    bottom: 40px;
-    right: 40px;
-    cursor: pointer;
-    border: 4px solid transparent;
-    transition: all 300ms ease;
-    transform: scale(0);
-}
-
-#button-up:hover{
-    transform: scale(1.1);
-    border-color: rgba(0,0,0,0.1);
-}
-
-/*footer - pie de página*/
-
-.container-footer{
-    width: 100%;
-    padding: 40px 0;
-    background: #f7f7f7;
-    margin-top: 40px;
-}
-
-.container-footer{
-    max-width: 1200px;
-    margin: auto;
-}
-
-.container-footer footer .logo-footer{
-    height: 20px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.container-footer footer .logo-footer h2 b{
-    color: blueviolet;
-}
-
-.container-footer footer .redes-footer{
-    display: flex;
-    justify-content: center;
-    margin-top: 20px;
-}
-
-.container-footer footer .redes-footer .icon-redes-footer{
-    margin: 20px;
-    background: grey;
-    width: 50px;
-    height: 50px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border-radius: 100%;
-    color: #a2a2a2;
-}
-
-.container-footer footer hr{
-    margin-top: 20px;
-    border: none;
-    height: 2px;
-    background: #c0c0c07a;
-}
-
-.container-footer h4{
-    text-align: center;
-    margin-top: 40px;
-    color: #8e8e8e;
-    font-weight: 250px;
-}
-
-/*Responsive design adaptable a dispositivos móviles*/
-
-@media screen and (max-width: 1220px){
-    .header-content,
-    .container-content,
-    .container-footer footer{
-        max-width: 1000px;
-        padding: 0 20px;
-    }
-}
-@media screen and (max-width: 1020px){
-    .container-content{
-        width: 100%;
-        flex-direction: column;
-    }
-
-    form{
-        padding: 50px 30px;
-        width: 100%;
-    }
-
-    .container-aside{
-        display: flex;
-        justify-content: center;        
-    }
-
-    .container-aside aside{
-        max-width: 300px;
-        margin: 10px;
-    }
-
-}
-
-@media screen and (max-width: 800px){
-
-    body{
-        overflow-x:hidden;
-    }
-
-    .container-all{
-        transition: all 300ms cubic-bezier(1,0,0,1);
-    }
-
-    .move-container-all{
-        transform: translateX(200px);
-    }
-
-    .menu{
-        width: 200px;
-        height: 100vh;
-        position: fixed;
-        top: 80px;
-        left: 0;
-        background: #fff;
-        overflow: hidden;
-        transform: translateX(-250px);
-        box-shadow: 10px 0 20px -25px black;
-        transition: all 300ms cubic-bezier(1,0,0,1);
-    }
-
-    .show-lateral{
-        width: 200px;
-        transform: translateX(0px);
-    }
-
-    .menu nav ul{
-        flex-direction: column;
-    }
-
-    .menu nav ul li{
-        max-width: 200px;
-        height: 40px;
-        justify-content: flex-start;
-    }
-
-    .menu-select:before{
-        width: 0;
-    }
-    
-    .menu nav ul li a img{
-        width: 20px;
-        display: inline-block;
-        margin-right:  10px;
-    }
-
-    #icon-menu{
-        display: flex;
-    }
-
-    .container-aside{
-        flex-wrap: wrap;
-    }
-
-}
\ No newline at end of file
diff --git a/css/principal.css b/css/principal.css
deleted file mode 100644
index 1d0c458..0000000
--- a/css/principal.css
+++ /dev/null
@@ -1,426 +0,0 @@
-
-*{
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-    text-decoration: none;
-    font-family: sans-serif;
-}
-
-header{
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 80px;
-    background: #fff;
-    box-shadow: 0 4px 25px -22px black;
-    z-index: 2;
-}
-
-.header-content{
-    max-width: 1200px;
-    margin: auto;
-    display: flex;
-    justify-content: space-between;
-}
-
-.logo{
-    height: 80px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.logo h1 b{
-    color: blueviolet;
-}
-
-.menu{
-    height: 80px;
-}
-
-.menu nav{
-    height: 100%;
-}
-
-.menu nav ul{
-    height: 100%;
-    display: flex;
-    list-style: none;
-}
-
-.menu nav ul li{
-    height: 100%;
-    margin: 0px 20px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-}
-
-#icon-menu{
-    width: 40px;
-    height: 40px;
-    position:absolute;
-    right: 20px;
-    top: 16px;
-    padding: 10px;
-    font-size: 20px;
-    background: #f0ffff;
-    border-radius: 100%;
-    color: #000000;
-    display: none;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-}
-
-#icon-menu:hover{
-    opacity: 0.8;
-}
-
-/*Portada*/
-
-.container-cover{
-    width: 100%;
-    height: 350px;
-    position: relative;
-    margin-top: 80px;
-    background-image: url(../img/posible_fondo.jpeg);
-    background-position: center;
-    background-size: cover;
-    background-repeat: no-repeat;
-}
-
-.container-cover:before{
-    content: '';
-    width: 100%;
-    height: 100%;
-    background: goldenrod;
-    opacity: 0.7;
-    position: absolute;
-    top: 0;
-    left: 0;
-}
-
-.container-info-cover{
-    max-width: 800px;
-    height: 350px;
-    margin: auto;
-    text-align: center;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    position: relative;
-    z-index: 1;
-}
-
-.container-info-cover h1{
-    font-size: 50px;
-    font-weight: 300;
-    color:blue;
-    margin-bottom: 20px;
-}
-
-.container-info-cover p{
-    color: black ;
-    font-size: 20px;
-    font-weight: 200;
-}
-
-/*Contenedor - Contenido del artículo*/
-
-.container-content{
-    width: 1200px;
-    margin: auto;
-    margin-top: 40px;
-    display: flex;
-    justify-content: center;
-}
-
-article{
-    width: 100%;
-    padding: 20px;
-    padding-bottom: 40px;
-    box-shadow: -10px 0 20px -30px black;
-    border-radius: 6px;
-    position: relative;
-    overflow:hidden;
-}
-
-article:before{
-    content: '';
-    width: 85%;
-    height: 6px;
-    position: absolute;
-    top: 0;
-    left: 0;
-    background: violet;
-}
-
-article h1{
-    margin-top: 20px;
-    font-weight: 500;
-    font-size: 40px;
-    color: orangered;
-}
-
-article h2{
-    margin-top: 20px;
-    font-weight: 400;
-    font-size: 35px;
-    color: olive;
-}
-
-article p{
-    margin-top: 20px;
-    font-size: 18px;
-    text-align: justify;
-    color: gray;
-}
-
-article img{
-    display: block;
-    margin: auto;
-    margin-top: 20px;    
-}
-
-/*aside de los artículos relacionados */
-
-.container-aside aside{
-    width:600px;
-    border-radius: 6px;
-    box-shadow: 0 0 20px -20px black;
-    overflow: hidden;
-    margin-left: 40px;
-    margin-bottom: 40px;
-    padding-bottom: 30px;
-}
-
-.container-aside img{
-    display:block;
-    margin:auto;
-    margin-top: 5px;    
-}
-
-.container-aside aside h2,
-.container-aside aside p{
-    margin-top: 20px;
-    padding: 0px 20px;
-}
-
-.container-aside p{
-    font-size: 18px;
-    color: gray;
-    text-align: justify;
-}
-
-.container-aside aside button{
-    margin-top: 20px;
-    margin-left: 2px;
-    padding: 10px 50px;
-    font-size: 16px;
-    background: violet;
-    border: none;
-    color: white;
-    cursor: pointer;
-    border-radius: 6px;
-}
-
-.container-aside aside button:hover{
-    opacity: 0.9;
-}
-
-.container-aside aside button2{
-    margin-top: 20px;
-    margin-left: 2px;
-    padding: 10px 50px;
-    font-size: 16px;
-    background: greenyellow;
-    border: none;
-    color: black;
-    cursor: pointer;
-    border-radius: 6px;
-}
-
-.container-aside aside button2:hover{
-    opacity: 0.8;
-}
-
-
-
-/*Botón para ir hacia arriba */
-
-#button-up{
-    width: 40px;
-    height: 40px;
-    background: violet;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border-radius: 50%;
-    position: fixed;
-    bottom: 40px;
-    right: 40px;
-    cursor: pointer;
-    border: 4px solid transparent;
-    transition: all 300ms ease;
-    transform: scale(0);
-}
-
-#button-up:hover{
-    transform: scale(1.1);
-    border-color: rgba(0,0,0,0.1);
-}
-
-/*footer - pie de página*/
-
-.container-footer{
-    width: 100%;
-    padding: 40px 0;
-    background: #f7f7f7;
-    margin-top: 40px;
-}
-
-.container-footer{
-    max-width: 1200px;
-    margin: auto;
-}
-
-.container-footer footer .logo-footer{
-    height: 20px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.container-footer footer .logo-footer h2 b{
-    color: blueviolet;
-}
-
-.container-footer footer .redes-footer{
-    display: flex;
-    justify-content: center;
-    margin-top: 20px;
-}
-
-.container-footer footer .redes-footer .icon-redes-footer{
-    margin: 20px;
-    background: grey;
-    width: 50px;
-    height: 50px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border-radius: 100%;
-    color: #a2a2a2;
-}
-
-.container-footer footer hr{
-    margin-top: 20px;
-    border: none;
-    height: 2px;
-    background: #c0c0c07a;
-}
-
-.container-footer h4{
-    text-align: center;
-    margin-top: 40px;
-    color: #8e8e8e;
-    font-weight: 250px;
-}
-
-/*Responsive design adaptable a dispositivos móviles*/
-
-@media screen and (max-width: 1220px){
-    .header-content,
-    .container-content,
-    .container-footer footer{
-        max-width: 1000px;
-        padding: 0 20px;
-    }
-}
-@media screen and (max-width: 1020px){
-    .container-content{
-        width: 100%;
-        flex-direction: column;
-    }
-
-    article{
-        box-shadow: 0 0 0 0;
-    }
-
-    .container-aside{
-        display: flex;
-        justify-content: center;        
-    }
-
-    .container-aside aside{
-        max-width: 300px;
-        margin: 10px;
-    }
-
-}
-
-@media screen and (max-width: 800px){
-
-    body{
-        overflow-x:hidden;
-    }
-
-    .container-all{
-        transition: all 300ms cubic-bezier(1,0,0,1);
-    }
-
-    .move-container-all{
-        transform: translateX(200px);
-    }
-
-    .menu{
-        width: 200px;
-        height: 100vh;
-        position: fixed;
-        top: 80px;
-        left: 0;
-        background: #fff;
-        overflow: hidden;
-        transform: translateX(-250px);
-        box-shadow: 10px 0 20px -25px black;
-        transition: all 300ms cubic-bezier(1,0,0,1);
-    }
-
-    .show-lateral{
-        width: 200px;
-        transform: translateX(0px);
-    }
-
-    .menu nav ul{
-        flex-direction: column;
-    }
-
-    .menu nav ul li{
-        max-width: 200px;
-        height: 40px;
-        justify-content: flex-start;
-    }
-
-    .menu-select:before{
-        width: 0;
-    }
-    
-    .menu nav ul li a img{
-        width: 20px;
-        display: inline-block;
-        margin-right:  10px;
-    }
-
-    #icon-menu{
-        display: flex;
-    }
-
-    .container-aside{
-        flex-wrap: wrap;
-    }
-
-}
\ No newline at end of file
diff --git a/css/proyectos.css b/css/proyectos.css
deleted file mode 100644
index 532baab..0000000
--- a/css/proyectos.css
+++ /dev/null
@@ -1,305 +0,0 @@
-*{
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-    text-decoration: none;
-    font-family: sans-serif;
-}
-
-header{
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 80px;
-    background: #fff;
-    box-shadow: 0 4px 25px -22px black;
-    z-index: 2;
-}
-
-.header-content{
-    max-width: 1200px;
-    margin: auto;
-    display: flex;
-   justify-content: space-between;
-}
-
-.logo{
-    height: 80px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.logo h1 b{
-    color: blueviolet;
-}
-
-.menu{
-    height: 80px;
-}
-
-.menu nav{
-    height: 100%;
-}
-
-.menu nav ul{
-    height: 100%;
-    display: flex;
-    list-style: none;
-}
-
-.menu nav ul li{
-    height: 100%;
-    margin: 0px 20px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-}
-
-#icon-menu{
-    width: 40px;
-    height: 40px;
-    position:absolute;
-    right: 20px;
-    top: 16px;
-    padding: 10px;
-    font-size: 20px;
-    background: #eeeeeefa;
-    border-radius: 100%;
-    color: #787878;
-    display: none;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-}
-
-#icon-menu:hover{
-    opacity: 0.8;
-}
-
-/*Portada*/
-
-.container-cover{
-    width: 100%;
-    height: 200px;
-    position: relative;
-    margin-top: 80px;
-    background-image: url(../img/luneth.jpg);
-    background-position: center;
-    background-size: cover;
-    background-repeat: no-repeat;
-}
-
-.container-cover:before{
-    content: '';
-    width: 100%;
-    height: 100%;
-    background: goldenrod;
-    opacity: 0.7;
-    position: absolute;
-    top: 0;
-    left: 0;
-}
-
-.container-info-cover{
-    max-width: 800px;
-    height: 200px;
-    margin: auto;
-    text-align: center;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    position: relative;
-    z-index: 1;
-}
-
-.container-info-cover h1{
-    font-size: 50px;
-    font-weight: 300;
-    color:blue;
-    margin-bottom: 20px;
-}
-
-.container-info-cover p{
-    color: black ;
-    font-size: 20px;
-    font-weight: 200;
-}
-
-/*Botón para ir hacia arriba */
-
-#button-up{
-    width: 40px;
-    height: 40px;
-    background: violet;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border-radius: 50%;
-    position: fixed;
-    bottom: 40px;
-    right: 40px;
-    cursor: pointer;
-    border: 4px solid transparent;
-    transition: all 300ms ease;
-    transform: scale(0);
-}
-
-#button-up:hover{
-    transform: scale(1.1);
-    border-color: rgba(0,0,0,0.1);
-}
-
-/*footer - pie de página*/
-
-.container-footer{
-    width: 100%;
-    padding: 40px 0;
-    background: #f7f7f7;
-    margin-top: 40px;
-}
-
-.container-footer{
-    max-width: 1200px;
-    margin: auto;
-}
-
-.container-footer footer .logo-footer{
-    height: 20px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.container-footer footer .logo-footer h2 b{
-    color: blueviolet;
-}
-
-
-.container-footer footer .redes-footer{
-    display: flex;
-    justify-content: center;
-    margin-top: 20px;
-}
-
-.container-footer footer .redes-footer .icon-redes-footer{
-    margin: 20px;
-    background: grey;
-    width: 50px;
-    height: 50px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border-radius: 100%;
-    color: #a2a2a2;
-}
-
-.container-footer footer hr{
-    margin-top: 20px;
-    border: none;
-    height: 2px;
-    background: #c0c0c07a;
-}
-
-.container-footer h4{
-    text-align: center;
-    margin-top: 40px;
-    color: #8e8e8e;
-    font-weight: 250px;
-}
-
-/*Responsive design adaptable a dispositivos móviles*/
-
-@media screen and (max-width: 1220px){
-    .header-content,
-    .container-content,
-    .container-footer footer{
-        max-width: 1000px;
-        padding: 0 20px;
-    }
-}
-@media screen and (max-width: 1020px){
-    .container-content{
-        width: 100%;
-        flex-direction: column;
-    }
-
-    article{
-        box-shadow: 0 0 0 0;
-    }
-
-    .container-aside{
-        display: flex;
-        justify-content: center;        
-    }
-
-    .container-aside aside{
-        max-width: 300px;
-        margin: 10px;
-    }
-
-}
-
-@media screen and (max-width: 800px){
-
-    body{
-        overflow-x:hidden;
-    }
-
-    .container-all{
-        transition: all 300ms cubic-bezier(1,0,0,1);
-    }
-
-    .move-container-all{
-        transform: translateX(200px);
-    }
-
-    .menu{
-        width: 200px;
-        height: 100vh;
-        position: fixed;
-        top: 80px;
-        left: 0;
-        background: #fff;
-        overflow: hidden;
-        transform: translateX(-250px);
-        box-shadow: 10px 0 20px -25px black;
-        transition: all 300ms cubic-bezier(1,0,0,1);
-    }
-
-    .show-lateral{
-        width: 200px;
-        transform: translateX(0px);
-    }
-
-    .menu nav ul{
-        flex-direction: column;
-    }
-
-    .menu nav ul li{
-        max-width: 200px;
-        height: 40px;
-        justify-content: flex-start;
-    }
-
-    .menu-select:before{
-        width: 0;
-    }
-    
-    .menu nav ul li a img{
-        width: 20px;
-        display: inline-block;
-        margin-right:  10px;
-    }
-
-    #icon-menu{
-        display: flex;
-    }
-
-    .container-aside{
-        flex-wrap: wrap;
-    }
-
-}
\ No newline at end of file