div.bounding-tokens {
  border: 1px;
  border-style: dotted;
  margin-bottom: 20px;
  padding: 10px;
}

div.space {
  margin: 10px;
}

li.currenttoken {
  font-weight: bold;
  color: blue;
}

li.othertoken {
  display: flex;
}

img.factorlogo {
  height: 2em;
  padding: 2px;
}

span.tokencaption {
  font-weight: bold;
}

#containerbase {
    display: grid; 
    grid-template-columns: repeat(3, 45% 10% 45%); 
    gap: 20px;
}

#container-1-1 {
     grid-column: 1; 
     grid-row: 1;
}

#container-1-2 {
     grid-column: 1; 
     grid-row: 2;
}

#container-1-3 {
     grid-column: 1; 
     grid-row: 3;
     align-self: end;
}

#container-1-4 {
     grid-column: 1; 
     grid-row: 4;
     align-self: end;
}

#container-2 {
     grid-column: 2; 
     grid-row: 1 / 4;
     align-self: center;
     min-width: 20px;
     min-height: 100px;
}

#container-3-1 {
     grid-column: 3; 
     grid-row: 1;
}

#container-3-2 {
     grid-column: 3; 
     grid-row: 2;
}

#container-3-3 {
     grid-column: 3; 
     grid-row: 3;
}

#container-3-4 {
     grid-column: 3; 
     grid-row: 4;
}

#label-passwordless {
    display: flex;
}

#span-passwordless {
    font-size: small; 
    display: contents;
}

#fingerprint {
    padding-bottom: 30px; 
    padding-right: 50px;
}

#face {
    padding-bottom: 30px;
}

#submit-button {
    margin-top: 80px;
}

#passwordblock {
    display: block;
}