body {
    background-color: rgb(0, 0, 0);
     color: rgb(130, 89, 68);
    font-family: 'Courier New', Courier, monospace;
}

#container {
    padding: 1rem;
}

#Bodytext {
    padding: 3rem;
}

.active {
color: rgb(85, 85, 85);}


a:link {
    color: rgb(130, 89, 68);
    background-color: transparent;
    text-decoration: underline;
  } 

  .links
{
  position: static;
  display: flex;
  wrap; flex-wrap;
  flex-direction: row;
  justify-content: left;
  margin: bottom right;
  padding: 0 0 0 0;
  width: 100%;
  height: 100%;
}

.underline 
{
  border-bottom: 1px solid currentColor;
  color: rgb(182, 85, 150);
}

  a:visited {
    color: rgb(130, 89, 68);
    background-color: transparent;
    text-decoration: none;
     text-decoration: underline;
  }

  a:hover {
    color: black;		 
    background-color: red;
    text-decoration: none;
    
  }

  #links
 {color: rgb(182, 85, 150);}  

 .button {
      display:flex;
       justify-content: top;
    align-items: left;
  position: fixed;
 }
  .header {
  
    
   
    /* Chrome, Safari, Opera */
   -webkit-animation: rainbow 30s infinite; }

   @-webkit-keyframes rainbow{
    0%{color: rgb(69, 51, 68);}	
    10%{color: rgb(46, 138, 43);}	
      20%{color:rgb(26, 143, 75);}
    30%{color: rgb(60, 83, 117);}
      40%{color: rgb(124, 63, 153);}
    50%{color: rgb(168, 58, 58);}
      60%{color:rgb(145, 67, 32);}
    70%{color: rgb(168, 170, 57);}
    80%{color: rgb(48, 99, 27);}
    90%{color: rgb(22, 62, 99);}
      100%{color: rgb(69, 51, 68);;}
  }

.three {font-weight:bold;
font-size:1.3rem;
color: rgb(255, 0, 0)}

.one {font-weight:bold;
font-size:1.3rem;
color: rgb(60, 20, 50);}	


.two {font-weight:bold;
font-size:1.3rem;
color: rgb(150, 45, 61)
}

table, th, td {
  border: 1px solid red;
   border-collapse: collapse;
   text-align: left;
   padding: .4rem;
}

.title {
font-weight:normal;
font-size:1.2rem;
-webkit-animation: rainbow 60s infinite; }

   @-webkit-keyframes rainbow{
    0%{color: rgb(228, 153, 105);}		
    10%{color: rgb(86, 25, 11);}	
      20%{color: rgb(228, 153, 105);}
    30%{color: rgb(86, 25, 11);}
      40%{color: rgb(228, 153, 105);}
    50%{color: rgb(86, 25, 11);}
      60%{color: rgb(228, 153, 105);}
    70%{color: rgb(86, 25, 11);}
    80%{color: rgb(228, 153, 105);}
    90%{color: rgb(228, 153, 105);}
      100%{color: rgb(69, 51, 68);;}

}

.cv
{
font-size:2rem;
}

.body-text {
     font-size:.82rem
}

.top
{
display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 2rem;
  grid-auto-flow: dense
 }

 @media only screen and (max-width: 600px) {
 .top-image
 {
 justify-content: center;
   opacity: 0.0;

}
}  

@media only screen and (max-width: 600px) {
 .top
 {
 white-space: nowrap;
   position: static;
  display: flex;
 flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  margin: bottom right;
  padding: 0 0 0 0;
  width: 200%;
  height: 100%;

}
}  



.tables
{
padding:2rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 2rem;
  grid-auto-flow: dense;
}


@media only screen and (max-width: 600px) {
 .tables
 {
   display: grid;
  grid-template-columns: repeat(auto-fit, minmax(auto));
  grid-gap: 1rem;
  grid-auto-flow: dense;

}
} 
.column {
  /*flex: 33.33%;*/
  /*padding: 1.5rem;*/
}