html {
  background: url(bg.jpg) no-repeat center center fixed;
  /* background: no-repeat center center fixed; */
  /* background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(bg.jpg); */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
  margin: 0 auto;
  padding: 1.2em;
  width: 70%;
  font-family: sans-serif;
  font-size: 1.3em;
  color: white;
  border: 4mm ridge rgba(30, 150, 230, 0.6);
  background-color: rgba(0, 0, 0, 0.7);
}

a {
  color: rgb(30, 150, 255);
}
a:visited {
  color: rgb(50, 130, 255);
}

nav {
  display: flex;
  justify-content: space-around;
  width: 100%;
}

.links {
  display: flex;
  align-self: left;
  justify-content: left;
}

.link {
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none;
}

.badges {
  display: flex;
  align-self: right;
  justify-content: right;
}