/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 14, 2024 */
@font-face {
    font-family: 'chrobotregular'; 
    src: url('chrobot.woff2') format('woff2'), url('chrobot.woff') format('woff');
    font-weight: normal; font-style: normal;
}

body {  background: linear-gradient(90deg, #92298d,#4859a7); }
body, h1, p {
  font-family: "Helvetica Neue", "Segoe UI", Segoe, Helvetica, Arial, "Lucida Grande", sans-serif;
  color: white;   font-weight: normal;   margin: 0;   padding: 0;  text-align: center;
}
.container {
  color: white; margin-left:  auto;  margin-right:  auto;  text-align: center; margin-top: 50px;    max-width: 800px; 
}

h1 {  
    font-family: "chrobotregular", "Helvetica Neue", "Segoe UI", Segoe, Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 48px;  font-weight: 400;  margin: 0 0 10px 0; }
    
h2 {  font-size: 32px;  font-weight: 350;  margin: 0 0 10px 0; }
h3 {  font-size: 24px;  font-weight: 300;  margin: 0 0 5px 0; }
h4 {  font-size: 18px;  font-weight: 300;  margin: 15px 0 5px 0; }

p {  font-size: 14px; margin: 0 0 10px; }

 .get_record-nav {
    border: 2px solid;  background: #6e419a; color: white;       
    border-radius: 20px; padding: 1em; text-align: center;    
  }

/* unvisited link */
a:link { color: yellow; text-decoration: none; }
/* visited link */
a:visited { color: #e6e04c; text-decoration: none; }
/* mouse over link */
a:hover {  color: hotpink; text-decoration: none; }
/* selected link */
a:active { color: hotpink; text-decoration: none; }

/* added to centre reCAPTCHA */
.text-xs-center {  text-align: center;}
.g-recaptcha {display: inline-block; }

legend {  text-align: centre;  font-size: 22px;  font-weight: 400;  padding: 1em; }
label { text-align: center; font-size: 20px; } 
input { text-align: center; padding: 1em; font-size: 18px;}
button { text-align: center; padding: 1em; font-size: 18px;}

.hidden { display: none; }


/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
/*@media screen and (max-width: 600px) 
{
   input[type=text] 
  {
        width: 90%;
        margin-top: 10;
  }
    button[type=submit] 
  {
        width: 90%;
        margin-top: 10;
  }
} */