body{
    padding:0;
    margin:0;
}
#header{
    margin:0;
    width:100%;
    background-color:#90ee90;
    font-family:sans-serif;
    color:blue;

    display:grid;
    grid-template-columns:100%;
    gap:0;
}

/* header top row */
#home *{
	display:inline;
}

#welcome{
	position:relative;
}

#welcome h1{
    line-height:2em;
}

#welcome img{
    height:3em;
    margin:0.5em;
    float:left;
}

#nav{
    display:grid;
    grid-template-columns:25% 25% 25% 25%;
}
#nav div{
    text-align:center;
    padding:1em;
}
#nav div a{
    font-size:1.25em;
}
#nav div a:visited, #nav div a:link{
    color:#0000ff;
    /*text-decoration: none;*/
}
#nav div a:active{
    color:#00ff00;
}

#home, #home:visited, #home:link{
    color:#0000ff;
    text-decoration: none;
}

#home:active{
    color:#00ff00;
}

#account{
	position:absolute;
	right:0;
	top:0;
	height:100%;
	width:fit-content;
    white-space:nowrap;
	font-size:1em;
	background-color:#008000;
	display:grid;
	grid-template-columns:80% 20%;
	margin:0.25em;
	padding-right:1.25em;
	color:white;
}

#account img{
	height:2.5em;
	margin:0.5em;
    border:1px solid white;
}