* {
    box-sizing: border-box;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    padding: 0;
    border: 0;
    margin: 0;
}


header{
background-color: rgb(182, 129, 129);
} 

nav ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;   
}

a{
    text-decoration: none;
    color: rgb(87, 88, 11);
    border-radius: 1em;
    padding: .5em;
}

nav a{
    background-color: rgb(241, 224, 224);
}

#dgpc{
    background-color: rgb(182, 129, 129);
    }

nav img,
main {
    background-color: rgb(202, 202, 174);
}

img{
    max-width: 100%;
}

ul{
    list-style: none;
    padding: 0;
}

#avatar {
    border-radius: 2em;
    width: 20em;
} 

@media (max-width: 768px) {
    #avatar {
      width: 10em; 
    }
  }

h1,
h2,
h3,
h4 {
  margin-block-start: 1.5em; 
  margin-block-end: 1em;  
}

body > *,
header > * {
  padding: .80em;
}

.principal p{
    line-height: 2em;
  }
.principal ul{
    line-height: 1.8em;
    padding: 1em;
    color:rgb(87, 88, 11);
}

#act{
    max-width: 70%;
    display: grid;
    border-radius: 1em;
    margin: 1em;
}

.equipoart img {
    border-radius: 2rem;
    max-width: 5em;
    }

.equipoart {
    display: grid;
    gap: 1rem;    
  }

.row{
    display: flex; 
    background-color: rgb(241, 224, 224);
    border-radius: 1em;   
}
.column {
    padding:1em;
}

.avatar {
    display: grid;
    justify-items: center;
}

p{
    margin-block-start: 1em;
}

#porfolio{
    display: inline;
    padding: 0.2em;
    margin: .8em;
}

.equipoart h2{
    margin-block-end: 0;
}

#porfo{
    color: rgb(87, 88, 11);;
    border-bottom: solid rgb(87, 88, 11);


}