img {
  max-width: 36%;
  max-height: 56%;
}



code {
      font-size: 13px;
   }




h1 {
  color: black;
  font-size: 24px;
  text-align: center;
}





     
.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}







  

   .fade-in {
  opacity: 0;
  animation: fadeIn ease-in-out 1s;
  animation-fill-mode: forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


    p {
  font-size: 14px;
}




    p {
  font-size: 80%;
}







   hr {
  border-width: 5px;
}






  hr {
  border-width: 50%;
}






     hr {
  border-top: 5px solid black;
  border-bottom: 3px dotted gray;
}