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

html {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

h1 {
  font-weight: 800;
}

.container {
  display: flex;
  flex-direction: column;
  margin: auto;
  justify-content: center;
  width: fit-content;
  height: fit-content;
  place-content: center;
  margin-top: 100px;
}

section {
  padding: 16px 0;
}

a {
  text-decoration: none;
  color: black;
}

section h3 {
  text-transform: uppercase;
  font-weight: 700;
}

#proyectos {
  display: flex;
  flex-direction: column;
}

#proyectos a, #tecnologias p {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px 0px;
}

#proyectos img {
  height: 16px;
  width: auto;
  padding: 0px 3px;
}

#proyectos a:hover, #info a:hover, #contacto a:hover, h1:hover {
  color: rgb(23, 23, 197);
}

#info ul {
  list-style: none;
}

#info li{
  padding: 5px 0px;
}

#info li a{
  text-transform: capitalize;
}