html {
	background-image: url("../img/background.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
	min-height: 100vh;
  text-align: center;
  box-sizing: border-box;
  margin: 0;
  font-family: -apple-system;
}
.title {
  font-weight: bold;
  margin: 30px 20px;
  font-size: 25px;
  text-align: center;
}
.profile {
  text-align: center;
}
.profile img {
  width: 150px;
  border-radius: 75px;
  border: solid black 2px;
}
.intro div {
  display: inline-block;
  width: 45%;
  vertical-align: top;
	max-width: 500px;
	min-width: 400px;
}
.intro div pre {
  color: green;
  text-align: left;
  margin: 20px 5px;
  background-color: rgba(0,0,0,0.5);
  padding: 10px 20px;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 700px) {
  .intro div {
		max-width: 400px;
		min-width: 0;
    width: 90%;
  }
}
.intro div pre span.json-highlight-content {
	color: rgb(116, 116, 116);
}
.intro div pre a {
	color: rgb(116, 116, 116);
}
.footer {
  text-align: center;
  width: 100%;
  padding: 30px 0;
	margin: 30px 0;
}
.footer span {
	color: rgb(116, 116, 116);
  background-color: rgba(0,0,0,0.5);
  padding: 10px 20px;
  border-radius: 20px;
}