h1 {
color: #864c00;
   font-size: 1.7rem;
  text-align: center;
  display: block;
  margin: 30px auto 16px auto;
  padding: 14px 24px;
  border: 1px solid #613503ab;
  width: fit-content;
  background-color: rgba(112, 34, 0, 0.329);

  border-radius: 14px;
  box-shadow: 0 4px 12px rgba(255, 123, 0, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s;
  animation: popIn 1.1s ease-out;;
}

body {
    background-color: #24130c;
    font-family: Arial  , sans-serif;
    margin: 0;
    padding: 20px;

}
hr {
    border: 0;
    height: 1px;
    background-color: #522c09;
    margin: 20px 0;
    animation: fadeInUp 1.2s ease;
    
}

h2 {

    color: #864c00;
  font-size: 1.7rem;
  text-align: center;
  display: block;
  margin: 0px auto 0px auto;
  padding: 25px 10px;
  border: 1px solid #613503ab;
  width: fit-content;
  background-color: rgba(112, 34, 0, 0.329);
  border-radius: 14px;
  box-shadow: 0 4px 12px rgba(255, 123, 0, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s;
  animation: popIn 1.1s ease-out;


 }



 h3 { color: #864c00;
  font-size: 1.7rem;
  text-align: center;
  display: block;
  margin: 30px auto 16px auto;
  padding: 14px 24px;
  border: 1px solid #613503ab;
  width: fit-content;
  background-color: rgba(112, 34, 0, 0.329);

  border-radius: 14px;
  box-shadow: 0 4px 12px rgba(255, 123, 0, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s;
  animation: popIn 1.1s ease-out;
 }


h4 {
    color: #864c00;
  font-size: 1.6rem;
  text-align: center;
  display: block;
  margin: 30px auto 16px auto;
  padding: 14px 24px;
  border: 1px solid #613503ab;
  width: fit-content;
  background-color: rgba(112, 34, 0, 0.329);

  border-radius: 14px;
  box-shadow: 0 4px 12px rgba(255, 123, 0, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s;
  animation: popIn 1.1s ease-out;
  
}

h5{


  font-size: 1.2em;
  color: #864c00;
  text-align: center;
  margin-top: 20px;


  padding: 10px;
  animation: fadeInUp 1.2s ease, popIn 1.1s ease-out;
  display: inline-block;
  position: fixed;
  bottom: 40px;
  right: 10px;
  margin: 0;

 




}


h6{

font-size: 1.2em;
  color: #30231b;
  text-align: center;
  margin-top: 20px;
 

  padding: 10px;
  animation: fadeInUp 1.2s ease, popIn 1.1s ease-out;
  display: inline-block;
  position: fixed;
  bottom: 10px;
  right: 10px;
  margin: 0;



}

    
@keyframes fadeInBody {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes slideInDown {
  0% { opacity: 0; transform: translateY(-30px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInUp {
  0% { opacity: 0; transform: translateY(40px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes popIn {
  0% { opacity: 0; transform: scale(0.85); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes popIn {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}


a:active svg {
  transform: scale(1.2);
  transition: transform 0.1s ease;
  animation: popIn 1.1s ease-out;
}