body {
    background-color: rgb(225, 228, 212);
     color: rgb(69, 51, 68);
    font-family: 'Courier New', Courier, monospace;
}


#container {
    padding: 20px;
}

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


a:link {
    color: rgb(182, 85, 150);
    background-color: transparent;
    text-decoration: none;
  } 

  a:visited {
    color: rgb(182, 85, 150);
    background-color: transparent;
    text-decoration: none;
  }

  a:hover {
    color: pink;
    background-color: transparent;
    text-decoration: wavy underline;
    
  }

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


  .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);;}
  }

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

.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%;
}

.title {
Font-weight:normal;
font-size:1em;
-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);;}

}



.cv
{
font-size:1rem;
}

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



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

@media only screen and (max-width: 500px) {
 .row {
  grid-template-columns: repeat(auto-fit, minmax(auto, 400px));
  }
}


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