@import url(theme.css);

body {
  font-family: "Roboto", sans-serif, italic, medium, large;
}

header, footer, nav {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
  flex-direction: column;
}

.flex-item {
	padding-right: 10px;
  padding-left: 10px;
}

#avatar {
  border-radius: 10px;
}

#info {
  border-radius: 10px;
}

#info-text {
  margin: 3%;
  padding: 1%;
}

li>a {
  color: var(--md-sys-color-tertiary);
}
li>a:visited {
  color: var(--md-sys-color-secondary);
}


#webrings {
  flex-direction: row;
  border-radius: 10px;
  text-decoration: none;

  a {
    text-decoration: none;
  }
}


a {
  margin: 5px;
  color: firebrick;
  /* text-decoration: none; */
  padding-bottom: 10px;
}