* {
    box-sizing: border-box;
}

h1 {
    font-size: xx-large;
    color: white;
    text-align: center;
    margin: 2rem;
    font-family: 'Libre Baskerville', serif;
    font-family: 'Palanquin';
    text-decoration: underline;
    text-decoration: overline;
}

h2{
    font-size: medium;
    font-weight: bolder;
    color: white;
    text-align: center;
    margin-top: auto;
    font-family: 'Libre Baskerville', serif;
    font-family: 'Palanquin';

}

h3{
    font-size: medium;
    color: white;
    text-align: center;
    font-family: 'Libre Baskerville', serif;
    font-family: 'Palanquin';
}

h4{
    font-size: medium;
    color: white;
    text-align: center;


}

h5{
    font-size: medium;
    color: white;
    text-align: center;
}

h6{
    font-size: x-large;
    color: white;
    text-align: center;
    font-family: 'Libre Baskerville', serif;
    font-family: 'Palanquin';

}


f1 {
    text-decoration: overline;
    text-align: center;
    color: rgb(166, 159, 159);
    background-position: 50%;
    background-color:black;
    align-items: center;
    font-size: small;

}


p {
    color: white;
    text-align: center;
    margin-top: 4px;
    font-family: 'Libre Baskerville', serif;
    font-family: 'Palanquin';
    text-decoration: underline;
    text-decoration: overline;
}

.table{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 4rem;
}

header{
    font-size: medium;
    font-weight: bolder;
    padding-bottom: 1rem;
}



.title {
    margin-top: 2.5%;
}


.team {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 3rem;

}

.team-member {
    height:auto;
    width: auto;
    background-color: black;
    position: relative;
    animation-name: example;
    animation-duration: 4s;
    margin: 1rem;
    display: flex;
    width: 350px;
    /* font-size: 1.5rem; */
    flex-direction: column;
    align-items: center;
    padding: 20px;
    border-style: groove;
    border-radius: 2%;
    border-color: white;
}

.team-member img {
    margin-top: 2.5%;
}

.team .team-member:nth-child(5) img {
    object-position: 30%;
}

.hicus {

  }
  
@keyframes example {
    0%   {color: black; background-color:rgba(196, 196, 196, 0.772); left:-200px; top:0px; }
    25%  {color: white; background-color:black; left:200px; top:0px;}
    50%  {color: black; background-color:rgba(196, 196, 196, 0.772); left:-100px; top:0px;}
    75%  {color: white; background-color:black; left:100px; top:0px;}
    100% {color: black; background-color:rgba(196, 196, 196, 0.772); left:0px; top:0px;}
}









input[type=text], select, textarea {
    color: black;
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */ 
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
  }
  
  /* Style the submit button with a specific background color etc */
  input[type=submit] {
    background-color: lightblue;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }
  
  /* When moving the mouse over the submit button, add a darker green color */
  input[type=submit]:hover {
    background-color: lightcyan;
    color: gray;
  }
  
  /* Add a background color and some padding around the form */
  .cform {
    border-radius: 5px;
    background-color: black;
    color: white;
    padding: 20px;
    margin-left: 15%;
    margin-right: 15%;
  }