/*! 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,  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 5px 0; }
    
h2 {  font-size: 24px;  font-weight: 300;  margin: 0 0 15px 0; }
h3 {  font-size: 18px;  font-weight: 300;  margin: 0 0 5px 0; }
p {  font-size: 18px;  font-weight: 300; margin: 1em;  text-align: center}

/*ul {  list-style-type: circle; font-size: 18px;  font-weight: 300;  margin: 1em; align-content: center;   text-align: left; }      
li { font-size: 18px;  font-weight: 300;  margin-left:  3em; align-content: center;   text-align: centre; }      */


 ul li {
     list-style-type: circle; 
     font-size: 18px;  
     font-weight: 300;  
     align-content: center;   
     text-align: left;
     margin: 0;
     padding: 0;
}


.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;}

table{
      background: #92298d; 
      border-radius: 20px;     border-style: hidden;
      width: 98%;              max-width: 800px;  /*border-collapse: collapse;*/
      font-size: 14px;        font-weight: 300;    
       margin: 0;   padding: 0;  
    /*  margin: 1em;
      padding: 1em;*/
   /*   margin-left:  auto;     margin-right:  auto;   margin-top: 5px;        
      padding-right: 15px;   padding-left: 15px;                             */
      border: 2px solid;  
      text-align: center;
     /* display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;*/
      
}


td { 
     font-size: 14px; 
     font-weight: 300;  
     
     /*
     text-align: centre;  
     align-items: center;
     justify-content: center;
     margin: 0 auto;*/

}


label { text-align: center; font-size: 20px; } 
input { text-align: center; padding: 1em; margin: 10px; font-size: 18px; border: 2px solid;   border-radius: 6px;}
button { text-align: center; padding: 1em; font-size: 18px;}
select {  padding: 1em; font-size: 18px; width: auto;   max-width: 80%;   margin-bottom: 15px;     margin-top: 5px;}
   

.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;
  }
} */


@media screen and (max-width: 600px) 
{
    /*td.results{ margin: 0 0 0 0; padding: 0 0 0 0; font-size: 10px;}*/
  
    ul,p{  font-size: 14px;}

    
    input.results
    {
        font-size: 14px;
        width: 50px;
        padding: 0.5em;
    }
    
}