* {
   font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
   font-size: small;
}
body {
   margin: 0;
   padding: 0;
}
.outer {
   display: flex;
}
.middle {
   display: flex;
   flex-direction: column;
}
.item {
   display: flex;
   margin-bottom: 0.32em;
}
.item-hidden {
   visibility: hidden;
}
.imgOll {
   padding: 0;
   width: 42px;
   height: 42px;
   min-width: 42px;
}
.imgCOll {
   padding: 0;
   width: 48px;
   height: 48px;
   min-width: 48px;
}
.imgF2L {
   padding: 0;
   width: 60px;
   height: 60px;
   min-width: 60px;
}
.solution {
   flex: 0;
   display: flex;
   flex-direction: column;
   margin-left: 0.2em;
   min-width: 10em;
}
.name {
   font-size: xx-small;
   color: azure;
   position: relative;
   left: -43px;
   top: 2px;
}
.nameF2L {
   font-size: xx-small;
   color: azure;
   position: relative;
   left: -55px;
   top: 49px;
}
.alg {
   font-size: 0.70em;
}
.alg-long {
   font-size: 0.6em;
}
.alg-longest {
   font-size: 0.49em;
}
.whoami {
   font-size: x-small;
   display: block;
   line-height: 150%;
}
.htm, .note, .noprint, .nameCOll {
   display: none;
}