@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeDown {
  from {
    top: -300px;
    opacity: 0;
  }

  to {
    top: 0;
    opacity: 1;
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*Media Centre*/
.blogButton{
  width:15%;
  display: flex;
  justify-content: end;
  transition: 0.3s ease-in-out;
}
.blogButton:hover{
  width:100%;
  background-color: #84BD00;
  transition: 0.3s ease-in-out;
}
.blogButton .readMore{
  display: none;
  transition: 0.2s ease-in-out;
}
.blogButton:hover .readMore{
  transition: 1s ease-in-out;
  display: block;
}

@media only screen and (max-width: 1024px) {
  .blogButton{
    width:0%;
    display: none;
    justify-content: end;
    transition: 0.3s ease-in-out;
  }
}