*                                           {margin:0; padding:0;}
html                                        {scroll-behavior: smooth;}
body                                        {opacity: 1; transition: opacity 1.5s; font-family: Arial, Helvetica, sans-serif; color:#3B413C; text-align:center; line-height: 1.5em; font-size:1em; width:100vw; overflow-x:hidden; border:0px purple solid; box-sizing: border-box;} 
a                                           {color:#102230; text-decoration: none;}
p                                           {margin:20px 0 10px 0; line-height: 1.5em; letter-spacing:0px;}
h1                                          {font-size:3rem; margin:10px 0 40px 0; font-weight:normal; line-height: 1rem;}
h2                                          {font-size:2rem; margin:10px 0 20px 0; font-weight:normal;}
h3                                          {font-size:1.5rem; margin:0 0 15px 0; font-weight:bold}        
.footnote                                   {font-size:0.7rem; font-weight: normal;}

/* BUTTONS */
.buttontranswhite                           {margin:0 10px 10px 0; color:white; border:1px solid white; padding:10px 30px 10px 30px; display:inline-block; transition: background-color 0.3s linear, color 0.3s linear; border-radius: 5px; text-align:center;}
.buttontranswhite:hover                     {background-color:white; color: #3B413C; cursor:pointer; }        
.buttontransblack                           {margin:0 10px 10px 0; border:1px solid #3B413C; padding:10px 30px 10px 30px; display:inline-block; transition: background-color 0.3s linear, color 0.3s linear; border-radius: 5px; text-align:center;}
.buttontransblack:hover                     {background-color:#3B413C; color: white; cursor:pointer; }        
.buttonwhiteblack                           {margin:0 10px 10px 0; border:1px solid #3B413C; color:black; background-color:white; padding:10px 30px 10px 30px; display:inline-block; transition: background-color 0.3s linear, color 0.3s linear; border-radius: 5px; text-align:center;}
.buttonwhiteblack:hover                     {background-color:black; color:white; cursor:pointer; }        

/* FORM FIELDS */
input[Type="text"]                          {border:1px solid silver; width:100%; margin: 10px 0 10px 0; padding:20px; box-sizing:border-box; font-size:1.5rem; font-family:inherit;}
input[Type="email"]                         {border:1px solid silver; width:100%; margin: 10px 0 10px 0; padding:20px; box-sizing:border-box; font-size:1.5rem; font-family:inherit;}
input[Type="password"]                      {border:1px solid silver; width:100%; margin: 10px 0 10px 0; padding:20px; box-sizing:border-box; font-size:1.5rem; font-family:inherit;}
input[Type="number"]                        {border:1px solid silver; width:100%; margin: 10px 0 10px 0; padding:20px; box-sizing:border-box; font-size:1.5rem; font-family:inherit;}
input[Type="submit"]                        {width:auto; margin: 10px 0 10px 0; padding:10px 20px 10px 20px; box-sizing:border-box; font-family:inherit; border:1px solid #1A374D; transition: background-color 0.3s linear, color 0.3s linear; border-radius: 5px;}
input[Type="submit"]:hover                  {cursor:pointer}
select                                      {border:1px solid silver; width:100%; margin: 10px 0 10px 0; padding:20px; box-sizing:border-box; font-size:1.5rem; font-family:inherit;}
textarea                                    {border:1px solid silver; width:100%; margin: 10px 0 10px 0; padding:20px; box-sizing:border-box; font-size:1.5rem; font-family:inherit;}

/* Scroll Bars */
/*::-webkit-scrollbar                         {width: 10px; height:5px;}  /* width */
/*::-webkit-scrollbar-track                   {box-shadow: inset 0px 0px 10px grey; border-radius: 10px;} /* Track */
/*::-webkit-scrollbar-thumb                   {background: rgba(255, 255, 255, .5); border-radius: 10px;} /* Handle */
/*::-webkit-scrollbar-thumb:hover             {background: #0c0c0c;} /* Handle on hover */

/*#####################################################################*/
/*# Mobile Styles (< 900 px screen width)                             #*/
/*#####################################################################*/
@media only screen and (max-width: 900px) 
{
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="button"],
    input[type="submit"]                        
        {-webkit-appearance: none;border-radius: 0;}
}