#aboutme {
    text-align:center ;
}

.aboutme-section-description {
    text-align: justify;
    margin-top: 40px;
}

.aboutme-icon {
    margin: 10px;
    color: var(--titleSectionSecondaryColor);
}

.aboutme-icons {
    font-size: 25px;
    margin-top: 45px;
}

.aboutme-icon:hover {
    cursor: pointer;
    color: var(--titleSectionTertiaryColor);
    font-size: xx-large;
}


.aboutme-icons {
      margin-top: 15px;
      cursor: pointer;
      transition: transform 0.2s ease;
    }

    .aboutme-icons:hover {
      transform: scale(1.1);
      color: #ffd700;
    }
#meta {
  background-image: url('./images/nice.jpg');
  background-size: cover;      /* fill horizontally AND vertically */
  background-position: center; /* center image */
  background-repeat: no-repeat;
  

  width: 100vw;  /* full viewport width */
  height: 100vh; /* full viewport height */

  display: flex;
  flex-direction: column;
  justify-content: center; /* vertical center */
  align-items: center;     /* horizontal center */
  text-align: center;
  margin: 0;               /* remove default body margin */
  padding: 0;
}


.title-section-button {
  font-size: 1.8rem;                /* bigger text */
  padding: 18px 50px;               /* bigger clickable area */
  border: none;
  border-radius: 12px;              /* rounded corners */
  background-color: #5F7280;        /* your color */
  color: #ffffff;                   /* white text for contrast */
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* subtle shadow */
  text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
    margin-top: 20px; 
}

.title-section-button:hover {
  transform: translateY(-3px);                     /* lift on hover */
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);     /* bigger shadow */
  background-color: rgb(95, 114, 128, 0.9);       /* slightly darker on hover */
}

.title-section-button:active {
  transform: translateY(0);                        /* pressed effect */
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}