/*
Colours: 
Text        : 3B413C (Blackolive)
Background  : 4f4f4f (Dark grey)

Font Sizes:
H1          : 50px
H2          : 30px
Normal      : 16px
Input       : 20px
*/

*                                           {margin:0; padding:0;}
html                                        {scroll-behavior: smooth;}
body                                        {opacity: 0; transition: opacity 1.5s; font-family: Arial, Helvetica, sans-serif; color:#3B413C; text-align:center; line-height: 1.5em; font-size:16px} 
a                                           {color:#102230; text-decoration: none;}
p                                           {margin:20px 0 10px 0; line-height: 1.5em; letter-spacing:0px;}
h1                                          {font-size:50px; margin:10px 0 40px 0; font-weight:normal; line-height: 1em; }
h2                                          {font-size:30px; margin:10px 0 20px 0; font-weight:normal;}
h3                                          {font-size:20px; margin:0 0 15px 0; font-weight:bold}        
.footnote                                   {font-size:11px; font-weight: normal;}

/* FORM FIELDS */
input[Type="text"]                          {border:1px solid silver; width:100%; margin: 10px 0 10px 0; padding:20px; box-sizing:border-box; font-size:20px; 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:20px; 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:20px; 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:20px; 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:20px; font-family:inherit;}
textarea                                    {border:1px solid silver; width:100%; margin: 10px 0 10px 0; padding:20px; box-sizing:border-box; font-size:20px; font-family:inherit;}

/* 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; 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:#3B413C; color: white; cursor:pointer; }        
.buttonblackblack                           {margin:0 10px 10px 0; border:1px solid #3B413C; background-color:#3B413C; 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;}
.buttonblackblack:hover                     {background-color:white; color: #3B413C; cursor:pointer; }        

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