pigey.css

svg,img {
  position:absolute;
}

.hidden {
  visibility:hidden;
}

.text-bottom {
  position:fixed;
  bottom:20px;
  left:10px;
}

.text-over-graphics {
  position:relative;
}

ul {
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-position:outside;
}

.blsp {
  font-size:90%;
}

.white-right { /* Used with a white fill for the 1st color with no adjacent color to the left. */
  border-top:black solid 1px;
  border-bottom:black solid 1px;
  border-left:black solid 1px;
  border-right:white solid 1px;
}

.white-left {	/* Used with a white fill for the 2nd and 3rd colors with no adjacent color to the right. */
  border-top:black solid 1px;
  border-bottom:black solid 1px;
  border-left:white solid 1px;
  border-right:black solid 1px;
}

.white-leftright {	/* Used with a white fill for the 2nd color with adjacents colors to the left and right. */
  border-top:black solid 1px;
  border-bottom:black solid 1px;
  border-left:white solid 1px;
  border-right:white solid 1px;
}

.white-all {	/* Used to pad a white fill when no 3rd color is present. */
  border:white solid 1px;
}

.bttn {
  width:60px;
  border-radius:4px;
  background-color:#90CCBA;
}

.bttn:hover {
  width:60px;
  border-radius:4px;
  background-color:#B0FF00;
}

#graphics {
  margin:auto;
  width:90%;
}

#pigeon-image {
  position:absolute;
  width:90vw;
}

.small-text {
  font-size:70%;
}

.cube-on {
  display:none;
  border:0px solid white;
}

.cube-off {
  display:block;
  border:0px solid white;
}

a:hover .cube-on {
  display:block;
}

a:hover .cube-off {
  display:none;
}