Gecko [ www.utparral.edu.mx ]

Name	Size	Permission	Action
estilo.css	2.87 KB	-rwxrwxr-x

Code Editor : estilo.css

/*@media all and (min-width: 0px){*/
*{
    margin: 0;
    padding: 0;
}
body{
    font-family: Arial, sans-serif;
    background-color:hsla(204, 8%, 98%);
    text-align: center;
    font-family: sans-serif;
    display: flex;
    flex-direction: column;
    min-height: auto;
    justify-items: center;
    justify-content: space-between;

}
header{
    display: flex;
    height: auto;
    background-color:rgba(26, 188, 156);
    justify-content: space-between;
    align-items: center;
    padding: auto;
}
.logo{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.logo img{
    height: 80px;
    margin-right: 400px;
}
.logo_2{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.logo_2 img{
    height: 80px;
    margin-left: 400px;
}
.logo h1{
    color: #fff;
    text-align: center;
    margin-inline:auto;
    justify-content: space-between;
    display: flex;
    font-family: sans-serif;
    flex-direction: column;
    min-height: auto;
    justify-items: center;
    
}
   #contenido{
       display:flex;
       flex-wrap:wrap;
       width: 1150px;
       margin: 10px auto;
       min-width:250px;
       margin-bottom:0px;
   } 
    .contenedor{
        width: auto;
        height: auto;
        margin: 10px;
        display: flex;
        float: left;
    }
    .contenedor figure{
       position:relative;
        height: auto;
        width: auto;
        overflow: hidden;
        border-radius: 10px;
    }
    .contenedor figure img{
        width: auto;
        height: auto;
        transition: all 400ms ease-out;
        will-change: transform;
    }
    .contenedor figure .capa{
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(98, 101, 103, 0.50);
        transition: all 400ms ease-out;
        opacity: 0;
        visibility: hidden;
       text-align: center;
    }
    .contenedor figure:hover > .capa {
        opacity: 1;
        visibility: visible;
    }
    .contenedor figure:hover > .capa h3{
        margin-top: 70px;
        margin-bottom: 15px;
    }
    .contenedor figure:hover > img{
        transform: scale(1.3);
    }
    .contenedor figure .capa h3{
        color: #F0F3F4;
        font-weight: 400;
        margin-bottom: 120px;
        transition: all 400ms ease-out;
         margin-top: 30px;
    }
    .contenedor figure .capa h2{
        color: #F0F3F4;
        font-size: 1em;
        margin-top: 12px;
        line-height: 2.1;
        width: 100%;
    }
    .contenedor figure .capa p{
        color: #F0F3F4;
        font-size: 12px;
        line-height: 1.5;
        width: 100%;
        max-width: 220px;
        margin: auto;
    }
    .limpiar{
        float: none;
        clear: both;
    }
    .footer{
        background-color: rgba(239,184,16,0.7);
        padding: 1em 0;
        text-align: center;
        margin-top: auto;
    }
/*}*/

${this.title}

Code Editor : estilo.css