html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 5px;
  text-align: center;
  background: #fff;
  color: #000;
}
a:link {
  color:dimgray;
}
a:visited {
  color:darkgray;
}
a:hover {
  color:skyblue
}
a:active {
  color:whitesmoke;
}
h1 {
  font-weight: bold;
  margin: 0;
}
#container {
  height: 100%;
  width: 100%;
}
#greeting {
  font-size: 120px;
}
#name {
  font-size: calc(6vw + 6vh);
}
#link_about a, #back a {
  font-size: calc(3vw + 3vh);
  text-decoration: none;
}
#link_products a {
  font-size: calc(1.5vw + 1.5vh);
  text-decoration: none;
}
.vspace10 {
  height: 1vh;
}
.vspace20 {
  height: 20%;
}
.vspace30 {
  height: 3vh;
}
.content {
  font-size: calc(1.5vw + 1.5vh);
  font-weight: bold;
  text-decoration: underline;
  margin: 0;
}
.content2 {
  font-size: calc(1.5vw + 1.5vh);
  font-weight: bold;
  margin: 0;
}
.product, .product a {
  color: #000033;
  font-size: calc(1.5vw + 1.5vh);
  font-weight: bold;
  text-decoration: none;
  margin: 1vh;
}
.product_box {
  animation: huruhuru .1s  infinite;
  display: inline-block;
}
.huruhuru_img {
  opacity: 0.9;
  width: calc(1.5vw + 4.5vh);
  height: calc(1.5vw + 4.5vh);
  margin: 5px calc(.5vw + .5vh);
  animation: huruhuru .1s  infinite;
}
.huruhuru_img:hover {
  opacity: 1.0;
  animation-play-state: paused;
}
.huruhuru_img:active {
  opacity: 1.0;
  animation-play-state: paused;
}
@keyframes huruhuru {
  0% {transform: translate(0px, 0px) rotateZ(0deg)}
  25% {transform: translate(2px, 2px) rotateZ(1deg)}
  50% {transform: translate(0px, 2px) rotateZ(0deg)}
  75% {transform: translate(2px, 0px) rotateZ(-1deg)}
  100% {transform: translate(0px, 0px) rotateZ(0deg)}
}