@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bitter&display=swap');
body {background: white; font-family: Franklin Gothic Medium; text-align: center;}
*{padding: 0; margin: 1; box-sizing: border-box; transition: 2s;}
h1{color: white; font-size: 4rem; text-align: center; background: darkblue; font-family: 'Raleway', sans-serif;}
h2{text-align: center; font-family: 'Bitter', serif;}
h3{color: darkblue; padding: 0.08rem; font-family: 'Raleway', sans-serif; font-size: 2rem;}
a {color: darkblue; text-align: center; }
.perfil{border-radius: 50%; padding: 0.5rem; background: rgb(255, 255, 255); width: 60%;}
.links{display: inline-block; cursor: pointer; text-decoration: none; font-size: 2rem;}
.primero{color: rgb(0, 0, 0); font-family: 'Bitter', serif; font-size: 1.5rem; text-decoration: none;}
.segundo{color: rgb(0, 0, 0); font-family: 'Bitter', serif; font-size: 1.5rem; text-decoration: none;}
.tercero{color: rgb(0, 0, 0); font-family: 'Bitter', serif; font-size: 1.5rem; text-decoration: none;}
ul{color: darkblue(168, 195, 245); font-family: 'Raleway', sans-serif; list-style-type: none; font-size: 1.5rem;}
li{list-style-type: none;}
.center{display: flex; justify-content: center; align-items: center; padding: 8px;}
.vn{text-decoration: none; font-size: 2rem; text-align: center; padding: 1rem; }
.link{text-decoration: none; font-size: 1rem;}

nav a{border-radius: 2rem; padding: 0.5rem; background: rgb(73, 120, 209); margin: 0.3rem; cursor: pointer; display: inline-block;}
.integrantes{text-align-last: center; font-family: 'Raleway', sans-serif; background: darkblue; padding: 2rem;}

footer{background: darkblue; color: rgb(255, 255, 255); margin: 0rem; padding: 0.2rem;}
.logo{padding: 00.5rem;}

@media (min-width:576px) {

       body{background: rgb(73, 120, 209);}
       header{text-align: center;}
       section{display: flex; justify-content: space-between;}
       section article{ width: 33%; background: white; text-decoration: none;}
       .perfil{width: 15%;}
       h1{color: white; font-size: 4rem; text-align: center; background: black; font-family: 'Raleway', sans-serif;}
       .integrante:hover{background-color: black;color: darkorange; ;}
       .link:hover{color: darkorange; text-decoration: underline;}
       .vn:hover{color: darkorange; text-decoration: underline;}
       .link{font-size: 2rem; color: white;}
       }