body {
	display:flex;
	flex-direction:column;
	min-height: 100dvh;
}

main .idp-login {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}

main .idp-2fa {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
}


main .terms {
   max-width: 700px;
  margin-left: auto;
  margin-right: auto;

}
@media (max-width: 700px) { 
  main .terms {
  text-align:left;
  }

  main .attribute  {
    text-align:left;
    }

  main .infobox {
    font-size: small;
  }
   
 }

 @media (min-width: 768px) { 
  main .terms {
  text-align:justify;
  }
  main .attribute  {
    text-align:justify;
  }

  main .infobox {
    font-size: medium;
  }
 }

main .attribute {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align:justify;
}

a:link {
  text-decoration: none;
  color:var(--thm-gray);

}

a:hover {
  text-decoration: underline;
}

footer, footer a {
	background-color: var(--thm-gray);
	color: hsl(0, 0%, 100%);
}