.tnesquares {
  overflow: visible;
}

.holdsquares {
  /*width: 100%;*/
  display: flex;
  opacity: 0;
}

#sqholder1 {
  justify-content: end;
}
#sqholder2 {
  justify-content: start;
}

#sqholder5 {
  margin: 22px 10px;
}
#sqholder7 {
  justify-content: center;
}

#herosvg1 {
  width: 166px;
  height: 199px;
  margin: 40px;
}
#herosvg2 {
  width: 89px;
  height: 90px;
}
#bk1 {
  width: 90px;
  height: 107px;
}
#bk2 {
  width: 103px;
  height: 148px;
}
#bk3 {
  width: 92px;
  height: 116px;
}
#bk4 {
  width: 65px;
  height: 139px;
}
#vidsvg {
  width: 166px;
  height: 199px;
  margin-right: 50px;
}



/* fill colors:  */

.svgsq-orng {
  fill: #d04a02;
}
.svgsq-tang {
  fill: #eb8c00;
}
.svgsq-yell {
  fill: #ffb600;
}
.svgsq-rose {
  fill: #d93954;
}
.svgsq-red {
  fill: #e0301e;
}