
html {
  background-color: rgba(242, 242, 240,255);
}

@font-face {
    font-family: helmet;
    src: url(Helmet-Regular.ttf);  
}

.container {
  font-family: 'helmet';
  display: grid;
  grid-template-rows: 75px 1fr auto 120px;
  grid-template-columns: 20px 1fr 1fr 20px;
  justify-content: center;  
  height: auto;
  padding: 0;
}

.logo {
  grid-row: 1 / span 1;
  grid-column: 3 / span 1;
  perspective: 80px;
  margin-top: 10px;
 }

.logo img {
    width: 100px;
    margin: auto;
    display: block;
}

.logo img {
  transition: transform .1s ease-in-out;
}

.logo img:hover {
  transform: rotate(-10deg);
}

/*--------------------------*/

a {
  text-decoration: none;
}


.currentlink {
  background-color: #d96132;
  color: rgba(249,247,240,255);
  padding: 3px 3px 1px 3px;
  font-family: monospace;
  font-style: italic;
}

.link {
  background-color: #1f1f1e;
  color: rgba(242, 242, 240,255);
  padding: 3px 3px 1px 3px;
  font-family: monospace;
}

.link:hover {
  background-color: #d96132;
  color: rgba(249,247,240,255);
  padding: 3px 3px 1px 3px;
  font-family: monospace;
  font-style: italic;
}





.tablecontact {
  grid-row: 7 / span 1;
  grid-column: 6 / span 1;
  margin: auto;
  
}

.tablenav{
  grid-row: 2 / span 1;
  grid-column: 2 / span 1; 
  text-align:right;
}

.dropdown {
  grid-row: 1 / span 1;
  grid-column: 2 / span 1; 
}

.feed {
  grid-row: 3 / span 1;
  grid-column: 2 / -2;
  font-family: monospace;
  color: #bdb9b9;
  font-size: .7rem;
  margin-top: 30px;
}

.feed-photo {
  width: 100%;
  
}

.caption {
  grid-column: 6 / span 3;
  font-family: monospace;
  margin-top: 10px;
  margin-bottom: 20px;
}
  
.caption table, th, tr, td{
  border: 1px solid;
  padding: 2px;
  border-color: #bdb9b9;
}

.caption-words {
  grid-column: 6 / span 3;
  font-family: monospace;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: .6rem;
}
  
.caption-words table, th, tr, td{
  font-size: .6rem;
  border: .5px solid;
  border-color: #bdb9b9;
  overflow: scroll;
  margin-left: 10px;
}

SELECT { 
  border: 1px solid;
  padding: 10px;
  border-color: #bdb9b9;
  font-family: monospace;
  }
  
OPTION { 
  background:green; 
  font-style: italic; }


.tableright {
  grid-row: 3 / span 1;
  grid-column: 5 / span 1;
  
}


.footer {
  grid-row: 4 / span 1;
  grid-column: 2 / span 1;
  font-family: monospace;
  color: #bdb9b9;
  font-size: .5rem;
  margin-top: 20px;
  padding-bottom: 20px;
  
  
}

/*------*/


th,td {
    padding: 13px;
}

table {
    border-collapse: collapse;
    
    
}

table,th,td {
    border: none;
}
