html{

    height: 100%;
}
body {
    background‐image:url("../img/fishbackground.png");
    background‐repeat: repeat;
    text‐align: center;
    width: 100vw;
    height:100%;
    font‐family: Verdana;
    margin: 0 auto;
    padding‐bottom: 40%;
}

nav a {
    color: #111111;
    background‐color: #D2C806;
    padding‐top:10px;
    padding‐bottom:10px;
    padding‐right: 10px;
    padding‐left: 10px;
    font‐size:1.8em;
}
nav a:hover {
    border‐right:2px #111111 solid; 
    border‐left:2px #111111 solid;
    border‐top:2px #111111 solid; 
    border‐bottom:2px #111111 solid;
    background‐color: #F6F294;
    font‐size:2em;
    transition:.7s;
    text‐transform: uppercase;
}
nav .current {
    border‐right:2px #D20610 solid; 
    border‐left:2px #D20610 solid;
    border‐top:2px #D20610 solid;
    border‐bottom:2px #D20610 solid;
    font‐size: 2.5em;
    color:#111111;
    font‐weight: bold;
    
}
.jumbotron {
    background‐color: #B0FDFA;
    background‐image:url("../img/fish‐overlay.png");
    height: 175px;
    background‐repeat: no‐repeat;
    background‐size: cover;
    border: 4px solid #855E42;
}
.jumbotron h1 {
    color: #F6F294;
text‐shadow:
    ‐1px ‐1px 0 #000000,
1px ‐1px 0 #000000,
‐1px 1px 0 #000000,
1px 1px 0 #000000,
    ‐2px ‐2px 0 #000000,
2px ‐2px 0 #000000,
‐2px 2px 0 #000000,
2px 2px 0 #000000,
    ‐4px ‐4px 0 #000000,
4px ‐4px 0 #000000,
‐4px 4px 0 #000000,
4px 4px 0 #000000;
    font‐size: 48px;  
    font‐family: 'Verdana', sans‐serif;
    font‐weight: bold;
    background: #B0FDFA;
    width: 550px;
}
main {
    display: flex;
    justify‐content: center;
    color: #000000;
}

blockquote {
    font‐size: x‐large;
    margin: auto;
    background: orange;
    padding: 20px;
}

#table‐header {
    background‐color: #FFFFFF;;
}

.table‐row {
    background‐color: #FFFFFF;;
}

td {
  border: 1px solid black;
  padding: 20px
}

table {
    width: 100%;
    text‐align: center;
    background‐color: #FFFFFF;
    border: 4px solid #855E42;
}

th {
border: 1px solid black;
   height: 40px;
   width: 150px;
    padding: 20px;
}

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

td img{
    display: block;
    margin‐left: auto;
    margin‐right: auto;

footer {
    position: fixed;
    width: 100%;
    display: flex;
    background‐color: #FFFFFF;
    justify‐content: center;
    bottom: 0;
}
#footer {
    bottom: 0;
    color: #707070;
    height: 2em;
    left: 0;
    position: relative;
    font‐size: small;
    width:100%;
}

input[type=text] {
    width: 50%;
    box‐sizing: border‐box;
    border: 3px solid #CCCCCC;
    border‐radius: 10px;
    font‐size: 14px;
    background‐color: white;
    background‐image: url('search.png');
    background‐repeat: no‐repeat;
    padding: 10px 20px 10px 25px;
}
#container {

    width: 100%;
    display: flex;
    padding: 50px;
    background‐color: white;
    border: 4px solid #855E42;
    box‐sizing: border‐box;

    justify‐content: center;
    
}

#subContainer {
    text‐align: center;
    justify‐content: center;
    margin: 0px auto;
}