canvas {
  width: 100%;
  height: 100%;
  /* background-color: black; */
  position: fixed;
}
body {
  height: 100%;
  margin: 0;
  background-image: url("cityshaper2019.opt.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
i.branded {
  margin-right: 10px;
  color: white;
}
i.social {
  font-size: 1.8em;
}
.lead {
  height: 100%;
}
.jumbotron {
  background: rgba(166, 107, 17, 0.8);
  color: white;
  padding: 2rem;
}
#secret {
  background: rgba(166, 107, 17, 0.8);
  color: white;
  border-radius: 5px;
  padding: 0.5rem;
}
.navbar {
  background: rgb(166, 107, 17);
}
/* .container{
    position: absolute;
    margin:20px;
} */

img {
  border-radius: 300px;
  width: 100%;
}
#page {
  margin-top: 75px;
}

#stripe {
  background: rgba(150, 154, 216, 0.8);
  padding: 0.3em 2em;
  margin: 0 -2em;
}
.signature {
  font-size: 2em;
}
#thomas {
  width: 100px;
  /* font-family: 'Parisienne', cursive; */
}
#kassie {
  width: 100px;
  /* font-family: 'Parisienne', cursive; */
}
#sage {
  width: 70px;
  margin-left: 10px;
  /* font-family: 'Dancing Script', cursive; */
}
#neset {
  width: 90px;
  /* font-family: 'Great Vibes', cursive; */
}
#anya {
  width: 100px;
  /* font-family: 'Sacramento', cursive; */
}
#kaitlyn {
  width: 90px;
  /* font-family: 'Shadows Into Light', cursive; */
}
#quinn {
  width: 100px;
  /* font-family: 'Homemade Apple', cursive; */
}

.nav-link:hover {
  color: rgb(0, 217, 255) !important;
}