@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

* {padding: 0; margin: 0; text-align: center;  box-sizing: border-box}


body {font-family: 'Open Sans', sans-serif; 
}


a {text-decoration: none; color: white; opacity: 100%; justify-content: space-between; display: block; padding-left: 5rem;
}

a:hover{color: #292929;}

nav {width: 100%;
    display: block;}

nav ul li {display: inline-block;padding-top: 20px;
            font-size: 20px;opacity: 100%;
}


footer {color: #7c7c7c;
    font-size: 0.7rem;
    margin: 1rem 3rem 1rem 3rem;
    padding: 2rem;
    width: auto;}

img {border-radius: 75%; width: 50%; 
padding: 2rem;}
h1 {font-size: 2rem;font-weight: 300;text-align: center;}
h2 {font-size: 1.5rem;font-weight: 300;text-align: center;}

header {background-image: url(https://www.publicdomainpictures.net/pictures/130000/velka/black-and-white-abstract-background-1440972828ia4.jpg);
    background-size: cover;
    background-position: center;
    height: 14rem;}

.vn27menu {
 background: linear-gradient(to left, #004eff, #ffaa37);
    background: -prefix-linear-gradient(top, #F8A4D8, #6C63FF);
    width: 100%;
    height: 70px;
    opacity: 90%;}

.cuerpo {padding-top: 3rem; display: flex; justify-content: center;}
.columnas ul li {list-style: none;border-right-style: solid;border-width: 1px;border-color:#e6e6e6; padding: 0.5rem;}
.foto {text-align: center; width: 300px;}

.columnas {display: flex;}
.columna1 {justify-content: center;}
.columna2 {justify-content: center;}
.columna3 {justify-content: center;}
.columna1:hover{background-color: #f7f7f7}
.columna2:hover{background-color: #f7f7f7}
.columna3:hover{background-color: #f7f7f7;}

.aprobadas {padding: 1rem;}
.actuales { padding-top: 2rem; width: 100%;}
.actuales ul li {list-style: none; padding: 0.5rem;}
.actuales h3 {padding-bottom: 1rem;}
.actuales p {color: #7c7c7c;
    font-size: 0.7rem;}









@media screen and (max-width:50rem) {
    
*{padding: 0; margin: 0; box-sizing: border-box; justify-content: space-around; transition: 1s all;}
    

    
.cuerpo {padding-top: 3rem; width: 50rem; display: contents}
.columnas ul li {list-style: none;border-right-style: solid;border-width: 1px;border-color:#e6e6e6; }
.foto {width: 100%}

.columnas {display: block; justify-content: center;}
.columna1 {width: 100%; padding-top: 2rem; }
.columna2 {width: 100%; padding-top: 2rem;}
.columna3 {width: 100%; padding-top: 2rem;}

a {padding-left: 2.5rem;}
.vn27menu {height: 60px; width: 100%;}
nav ul li {font-size: 1rem;}


}