html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,
address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,
u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,
th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,
output,ruby,section,summary,time,mark,audio,video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
    
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block
}

body{
    line-height:1
}

.w3-bar-item{
    color: ghostwhite;
}

.w3-slate-grey,.w3-hover-slate-grey:hover,
.w3-slate-gray,.w3-hover-slate-gray:hover{color:#fff!important;background-color:slategray!important}

.w3-overlay{position:fixed;display:none;
    width:100%;height:100%;
    top:0;left:0;right:0;
    bottom:0;
    background-color:rgba(0,0,0,0.1);
    
    z-index:2}

ol,ul{
    list-style:none
}

blockquote,q{quotes:none}

blockquote:before,blockquote:after,q:before,q:after{
    content:'';content:none
}

table{
    border-collapse:collapse;
    border-spacing:0
}

:root{
    --color-scorpion:#5f5f5f;--color-white:#fff;
    --color-fruit-salad:#4caf50;
    --color-black:#000;
    --color-seashell:#f1f1f1;--color-silver:#ccc
}

html,body{height:100%}

*{-webkit-box-sizing:border-box;box-sizing:border-box}


header{
    grid-column:2/3;grid-row:1/2
}

headertitle {
    grid-column:1/2;grid-row:1/2
}

nav{
    grid-column:1/2;grid-row:2/3
}

article{
    grid-column:2/3;grid-row:2/3; 
}

header, headertitle, footer {
    background-color:var(--color-scorpion);
    background-color: silver;
}


nav{
    background-color:var(--color-seashell)
}

header a {
    color:var(--color-white);
    text-decoration: none;
    font-size:17px;
    display: inline-block;
    line-height: 43px;
    padding: 0 15px;
}
header a.current {
    background-color:var(--color-fruit-salad);
    padding:0 15px;
}
header a:hover {
    background-color:var(--color-black);
    background-color:silver;  
    padding:0 15px;
}

headertitle p {
    color: dodgerblue;
    text-decoration:none;
    padding-left: 12px;
    font-size: 19px;
    line-height: 44px;
    display: block;
}

nav{padding-top:20px}
nav h3,nav a{padding:5px 12px}
nav a{color:var(--color-black);text-decoration:none;display:inline-block;width:100%}
nav a:hover{background-color:var(--color-scorpion);color:var(--color-white)}
nav a.current{background-color:var(--color-fruit-salad);color:var(--color-white)}
footer{
    display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;
    -ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;
    align-items:center}
    
article {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    padding:15px;
    background-color: slategrey;
    background-color:rgba(0,0,0,0.5);
    color: white;
    line-height: 1.5em;
}
p {
    margin:15px 0;
    padding: 1.25rem;
    font-size:15px;
    background-color:rgba(0,55,55,0.3);
    color: silver;
    line-height: 1.25em;
}

h1,h2,h3,h4,h5,h6 {
    margin:15px 0
}

h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:16px}

/*# sourceMappingURL=style.css.map */