html {
font-size: 16px;
font-family: 'Verdana', 'Arial', sans-serif;
-webkit-font-smoothing: subpixel-antialiased;
}

#header {
position: fixed;
top: 0;
left: 0;
width:100%;
height: 4em;
background-color: PapayaWhip;
z-index:100;
border-bottom: 2px solid MediumSeaGreen;
display:flex;
align-items:center;
}
#header > h1 {
display:inline;
color:MediumSeaGreen;
}
#header > img {
height:inherit;
margin-left:0.1em;
}
#header + div {
margin-top:6em;
margin-left:0.5em;
font-size:1.1rem;
width:98vw;
}


.grayBtn, .greyBtn{
text-align: center;
border: none;
border-radius:0.2em;
background: linear-gradient(White, lightGray );
}
.grayBtn:hover, .greyBtn:hover{
cursor: pointer;
background: Gray;
color: white;
}

.greenBtn{
border: none;
border-radius:0.2em;
text-align: center;
background: linear-gradient(White, limeGreen );
color: dimgray;
}
.greenBtn:hover{
cursor: pointer;
background: lime;
color: black;
}

.tknBtn {
text-align: center;
border: none;
border-radius:0.2em;
background: linear-gradient(White, lightGray );
padding: 0.1em;
font-size: 1rem;
}
.tknBtn:hover{
cursor: pointer;
background: Gray;
color: white;
}
.tknClicked{
cursor: pointer;
background: Gray;
color: white;
text-align: center;
border: none;
border-radius:0.2em;
padding: 0.1em;
font-size: 1rem;
}