* {box-sizing: border-box; }
    header{  background-origin: padding-box;
      color: rgb(17, 0, 255);
      box-sizing: border-box;
      padding-top: 1rem;
      background-color: rgb(17, 0, 255);
     padding: 1rem;
     padding-block: 0.30em .5em;
     border-radius: 0.25em;
    }
    header{  

      box-shadow: 0 /* desplazamiento horizontal */ 4px /* desplazamiento vertical */ 4px /* desenfoque */ hsl(0 0% 0% / 20%) /* color */;;
    }
    ul{ 
        list-style:none;
    }
    
    nav ul li a { display: block;
      background-color: rgb(50, 120, 205);
      width: 5em;
      padding-block: 0.30em .5em;
      border-radius: 0.25em;
      text-align: center;
      text-decoration: none;
      list-style: none;
     
    }
    header nav ul{
      display: flex;
      gap: 1rem;
      flex-wrap: wrap;
       }
     
     .cursada h2 { font-size: larger;}

    



.personal  {display: block; gap: 1rem;
  background-color: rgb(151, 226, 234);
  box-sizing: border-box ;
  padding-block: 0.40rem .7rem;
  border-radius: 0.30rem;
padding-left: 1rem;
padding-right: 1rem;}

.personal{ margin-top: 1rem;}

.personal ul{ display: flex; gap: 1rem;flex-wrap: wrap;}
 
.personal ul a{ display: block;
   background-color: rgb(17, 0, 255);
    width: 7rem;
    height: 2rem;
    padding-block: 0.40rem .7rem;
    border-radius: 0.30rem;
    text-decoration: none;
    list-style: none;
  text-align: center;
color: beige;
}
h2{ color: rgb(17, 0, 255);}


  

    nav ul li a{
        color: rgb(253, 252, 250);}
        
h2 { color: rgb(17, 0, 255);
font-size: medium; }
ol{ color: rgb(17, 0, 255);}
a{ text-decoration: none; color: olivedrab;}

body{ margin-left: 1rem;}
h1{color:rgb(17, 0, 255); border-block-end: 4px solid rgb(17, 0, 255);
    /* separa el "subrayado" del texto */
    padding-block-end: .35rem;}



ul{list-style: none;}
.equipo{margin-block-end: 5rem;}
section{margin-block-end: 5rem;}

footer {
  box-sizing: border-box;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: rgb(17, 0, 255);
  padding: 1rem;
}
footer p {
  text-align: center;
  color: beige;
}

h2{border-block-end: 1.5px solid rgb(17, 0, 255);
  /* separa el "subrayado" del texto */
  padding-block-end: .35rem;
margin-block-end: 2rem;}
h3{color: yellowgreen;}

.academicos ul { margin-block-end: 4rem;}



.todos  { display: flex; gap: 4rem;flex-wrap: wrap;}

.todos ul { 
  background-color: rgb(17, 0, 255);
 width: 20rem;
 height: 15rem;
 padding-block: 0.40rem .7rem;
 border-radius: 0.30rem;
 text-decoration: none;
 list-style: none;
color: beige;
padding-bottom: 1rem;}



.personal img  { margin: 1px; width: 100px;}

.academicos img { margin: 5px;
  border: 1px solid rgb(17, 0, 255);
  width: 100px;}

  body{ background-color: blanchedalmond;}

  nav ul li a:hover { color: olivedrab;}
  .personal ul a:hover { color: yellowgreen;}
  
  /*portfolio*/


  .portfolio img {margin: 1px; width: 300px;}
    .titulo a { font-size: medium;
    color: rgb(17, 0, 255);
  text-decoration: underline;}

    #yo  {color:rgb(17, 0, 255); border-block-end: 4px solid rgb(17, 0, 255);
      /* separa el "subrayado" del texto */
      padding-block-end: .35rem; font-size: x-large; }

      .portfolio li { margin-bottom: 3rem;}
      .portfolio h3 {font-size: small;
        color: olivedrab;}
        .titulo  a:hover {color: olivedrab;}