/*
*{
    border: 1px solid #2ac75f;
}
*/

/*
*::after {
    content: attr(class);
    display: inline-block;
    background-color: #333;
    color: #fff;
    padding: 2px 4px;
    margin-left: 5px;
    font-size: 12px;
    font-family: Arial, sans-serif;
  }
  */

  .panel-end {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-evenly; 
    margin-top: 12%;
    }
    
    .footer a, .footer p{
      padding: 2%;
      margin: 2%;
      color: rgb(51, 51, 51);
    }

    .small-round-image {
      width: 10vw; /* For bigger screen could go up to 8.33*/
      height: auto; 
      border-radius: 100%; 
      max-width: 100%; 
      margin-bottom: 20%;
      }

      .social-media {
        box-shadow: 0 -3px 3px rgba(0, 0, 1,0.1);
        padding-top: 4%;
        display: flex;
        justify-content: center; /* Horizontally center */
        align-items: center; /* Vertically center */
        font-size: 2rem;
        gap: 10vw;
    }
    .social-media a:hover,.footer a:hover {
      color: var(--hover-intensity);
      transform: scale(1.4);
    }