body{

    font-family: 'Segoe UI Black';

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-size: cover;

    margin: 0;
    
}

a{  

    font-family: 'Century Gothic';

    text-decoration: none;

    transition: color .8s;

    color:#2dea8f;

}

div{

    justify-content: center;

    overflow: hidden;

    /* margin: 200px;

    min-height: 400px; */

    

}

img{

    border-radius: 10px;

    width: 50%;

    transition: .5s;
    
    object-fit: cover;

}

img:hover{  

    cursor: default;

    transform: scale(1.03);

}

*::selection {

    background: #0e153a;

    color:#12e2a3;

 }

a:hover{

    transition: colo#364f6b;

    color:#ff304f;
    
}


table{

    color:#2dea8f;

}

header{

    display: flex;

    height: 30px;

    background-color: #092a35;

    justify-content: space-between;

    align-items: center;

    padding: 20px;
    
}

td{

    background-color: #092a35;

    transition: color .8s;

    border-radius: 5px;

}

td:hover{

    cursor: default;

    transition: color .45s;

    color: #faee1c;

}

.Titulos {

    -youbkit-touch-callout: none; 

    -youbkit-user-select: none;  

    -moz-user-select: none;   

    -ms-user-select: none;
           
    user-select: none;  

    transition: color .8s;

    cursor: default;

    color: #17b978;

}

.Titulos :hover{

    transition: color .55s;

    color: #faee1c;

}

h9{

    transition: color .8s;

    cursor: default;

    color: #fbfae1;

}

h9:hover{

    transition: color .55s;

    color: #f23557;

}

h4{

    transition: transform .8s;

}

h4:hover{

    transition: transform .22s;

    transform: scale(1.3);

}

nav a{

    -youbkit-touch-callout: none; 

    -youbkit-user-select: none;  

    -moz-user-select: none;   

    -ms-user-select: none;
           
    user-select: none;  

    transition: color .8s;

    color: #17b978;

    font-weight: 600;

    padding-right: 16px;

}

nav a:hover{

    transition: color .55s;
    
    color:#faee1c;

}

@media (max-width:700px){

    header{

        flex-direction: column;

        height: 95px;

    }

    nav{

        padding: 10px 0px;

    }
}

table {

    border: 1px solid #2dea8f;

    border-radius: 10px;

    text-align: center;

}

.contenido{

    border: 2px solid #1a936f;

    background-color: white;
    
    text-align: left;

    margin: 30px;

}

.contenido td{

    border: white;

    background-color: white;

    transition: transform .8s;

    height: 30px;

}

.contenido td:hover{

    transition: transform .22s;

    transform: scale(1.03);

}