:root {
  --text: #ffffff;
  --border: #3e0c58;
  --accent: #d67777;
  --bg: #e39ec6;
  --gradientBottom: #ab35af;
  --gradientTop: #ff9e9e;
  --LinkV: #212aad;
  a:link { color: lightblue; }
}

* {

}

body {
  max-width: 100%;
  padding: 5px;
  margin: 0px;
  font-family: 'MS PGothic', sans-serif;
  background: transparent;
  /* border: 2px ridge var(--border); */
  border-radius: 5px;
}

nav {
  padding: 5px;
}
nav div {
  text-align: center;
  color: var(--text);
  font-size: 1.25rem;
  margin: 5px 5px 10px 5px;
}
nav a {
  display: block;
  margin: 5px;
  background: linear-gradient(to right,var(--bg),var(--gradientBottom));
  border-radius: 5px;
  padding: 2px 7px;
  text-decoration: none;
}
nav a:link { 
  color: var(--Link);
}
nav a:visited { 
  color: var(--LinkV); 
}
nav a:hover, nav a:focus {
  background: linear-gradient(to right,var(--bg), var(--gradientBottom), var(--gradientTop));
  font-style: italic;
}

.sites {
  text-align: center;
}

div img {
  max-width: 92px;
}
img {
  max-width: 100%;
}
a:hover, a:focus {
  font-style: italic;
}
a:visited {
  color: var(--accent);
}