body {
  background: url("");
}
p {
  color: black;
  font-family: sans-serif;
  margin-right: 10px;
  margin-left: 10px;
}
h1 {
  font-weight: bold;
}
h2{
  text-align: center;
  font-family: sans-serif
}
p{
  text-align: center;
  font-family: sans-serif
}
.note {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-color:gold;
  border-width: 5px;
  border-style: solid;
  border-radius: 17px;
}
.logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
a{
text-align: center;
font-family: sans-serif

}


.shine, .chrome {
  font-size: 3em;
  margin: 0 auto;
  margin-bottom: 1em;
  font-weight: bold;
  text-align: center;
  font-family: sans-serif;
}

.shine {
  background: crimson -webkit-gradient(linear, left top, right top, from(crimson), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat;
  -webkit-background-size: 150px;
  color: rgba(255, 255, 255, 0.3);
  -webkit-background-clip: text;
  -webkit-animation-name: shine;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  text-shadow: 0 0px 0px rgba(255, 255, 255, 0.5);
}

.chrome {
  background: crimson -webkit-gradient(linear, left top, right top, from(crimson), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat;
  background-image: -webkit-linear-gradient(-40deg, transparent 0%, transparent 40%, #fff 50%, transparent 60%, transparent 100%);
  -webkit-background-size: 200px;
  color: rgba(255, 255, 255, 0.3);
  -webkit-background-clip: text;
  -webkit-animation-name: shine;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  text-shadow: 0 0px 0px rgba(255, 255, 255, 0.5);
}

@-webkit-keyframes shine {
  0%, 10% {
    background-position: -1000px;
  }
  20% {
    background-position: top left;
  }
  90% {
    background-position: top right;
  }
  100% {
    background-position: 1000px;
  }
}