/* style inglesalfin.com

@import url('https://fonts.googleapis.com/css?family=Arvo:400,400i');
*/

@font-face {
    font-family: Arvo;
    src: url(Arvo-Regular.ttf);
}

@font-face {
    font-family: Arvo;
    src: url(Arvo-Italic.ttf);
    font-style:italic;
}


body {background-color:gainsboro;
    webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  hyphenation:auto;
}

p {font-size:16pt;color:black;font-family:"Arvo", sans-serif;
text-indent: 1em;
}

h1,h2,h3,h4 {font-family:"Arvo", sans-serif;}

img {
    max-width: 100%;
    height: auto;
}

table {
    width: 97%;
    font-size:12pt;color:black;
    font-family:"Arvo", sans-serif;
    border: none;
}

th, td {
  border-bottom: 1px solid darkgray;
}

/* new navbar */
.navbar {
 overflow: visible;
  position: fixed;
  top: 0;
bottom:10px;
height:50px;}

div {display:none;}
.welcome,.navbar {display:block;}

/* old navbar
.navbar {
  overflow: hidden;
  background-color: black;
  position: fixed;
  top: 0;
}
*/

.navbar a {
  font-family: "Arial Narrow", Arial, sans-serif;
  font-stretch:condensed;
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
}

/* old button reference
.button {
    font-family:"Arial", sans-serif;
    background-color: blue;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14pt;
    margin: 4px 2px;
    cursor: pointer;
}
*/

[class^='button'] {display: inline-block;padding: 10px 20px;font-size: 24px;cursor: pointer;text-align: center;color: white;background-color: green;border: none;border-radius: 15px;box-shadow: 0 9px dimgray;}
.button:hover {background-color: #3e8e41}
.button:active {background-color: #3e8e41;box-shadow: 0 5px #666;transform: translateY(4px);}
.button2 {background-color: blue;}
.button2:hover {background-color: deepskyblue;}
.button2:active {background-color: navy;box-shadow: 0 5px black;transform: translateY(4px);}