#wrapper{display:flex; min-height:100vh;}

.copyLink:hover{cursor:copy;}
* { margin: 0px; padding: 0px; }
a { color: gold; text-decoration: underline;}
nav{ color: white; }
.scroll {
margin:45px;
  border-image: url('../kow/scroll.png') 130 / 45px stretch;
  border-image-outset: 45px; background-color:#dfb483;
  overflow-y:scroll;
}

.scroll > a { color: initial}

#grad {}

#grad > img{
max-width: 60%;
  object-fit: contain;
}
.sublink { padding-left:60px; background-color:#00000035; width:100%; text-align: left; }
.maplink { width:100%; text-align: left;
  padding-left: 30px; display: inline flow-root list-item;}

.sublink a, .maplink a{color:aqua;}
.sublink a:visited, .maplink a:visited {color:white;}
aside {
  flex:1; overflow-x:clip;
  background-image: linear-gradient(180deg, #e1ab0a,#7d3b00);
  z-index: 20;
  border: double silver;
  padding-bottom:20px;
}






@media (max-width: 600px) {
  #wrapper {
    flex-direction: column;
  }
  #middle {display:none;}

}



aside a{color:link}
.outerLink{color:aqua;}
.outerLink:visited {color:purple;}

body{
    background-image: url("bng.png");
    text-align:center; color:lime;
}
code{
width:80;   height:80;
  display: inline-block;
  overflow: scroll;
  resize:both; background-color:white; color:black; border:thin black;
  overflow:auto; 
}

button {padding:10px}
#mainnav{
overflow-x: auto;
  overflow-y: hidden;
  display: flex;
width:100%
}
#skip { font-size:0; color: transparent; }
#skip:focus { font-size:12;  color: yellow;   }


.link {
display: inline-block;
	width:max-content;
    text-align: center;
    align-content: center;
  padding: 6px;
  background-color: #1235;
  margin: 5px;
  border-style: groove;
  border-color: #fffc #fff5 #fff9;
}

.border {
    border-left-color: white;
    border-top-color: silver;
    border-bottom-color: black;
    border-right-color: grey;
    border-width: 5px;
    border-style: solid;
}

article {
  position: relative; padding-bottom:20px;
  flex:3; padding:10px;
  overflow-x:clip;
}


#welcome{
     position: absolute;
     background: -webkit-linear-gradient(limegreen, lime, red, #ff7777, blue);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: black;
    -webkit-text-stroke-width: 0.25px;
	z-index:2;
}

th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: -internal-center;
    unicode-bidi: isolate;
    padding-left: 10px;
    padding-right: 10px;
}

table, td, tr {

    background-color: grey;
    color: yellow;
    border: 5px;
    margin: 0 auto;
    padding-right: 10px;
    border-color: black;
    border-style: double;
    text-align: center;

}

tr{
    padding-left: 10px;
    padding-right: 10px;
}

header{
    text-align:left;
    width: 100%; display:flex;
    border-bottom-color: #003993;
    min-height:150px;
    border-bottom-style: solid;
    border-bottom-width: 10px;
    background-image: linear-gradient(171deg, #0505ac, #00b7ff)
}


footer{
    text-align: left;
    min-height:80px;
    padding-bottom: 20;
    background-image: linear-gradient(171deg, #a30000, #471b05);
    border-top-color: #8c1030;
    border-top-style: solid;
    border-top-width: 10px;
    width: 100%;
}