*{
    text-align: center;
    /* border: solid 1px black; */
    font-family: 'Open Sans', Verdana, Geneva, Tahoma, sans-serif;

}


/* Define the animation keyframes */
@keyframes colorChange {
  0% {
    color: red;
  }
  25% {
    color: blue;
  }
  50% {
    color: green;
  }
  75% {
    color: orange;
  }
  100% {
    color: red;
  }
}

/* Apply the animation to the h3 element */
.color-changing-h3 {
  animation: colorChange 2s linear infinite; /* Change color every 0.5 seconds (2s total duration) */
}



h1{
    font-size:300%;
}

ul{

  text-decoration: none;
  padding-inline-start: 0px;
  list-style: none;
}

header{

  align-items: center;
  gap:25px;
}



a {
    color: darkslategray;
    text-decoration: none;
    font-size:200%;
    display:flex;
    align-items: center;
    justify-content: center;
    width:100%;
    height:75px;
}




a:hover {
  font-size:300%;
}






li {
  margin-top:40px;
}

li:hover{
  cursor:pointer;
}



@media (max-width: 1000px) {
  .headerbird{
    display:none;
  }
  a:hover {
    font-size:200%;
  }
}