.grid-container {
    display: grid;
    /* Automatically create columns that fit the container width */
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 10px; /* space between items */
  }

  .grid-item {
    display:grid;
    background-color: #4400ff;
    border-width: 5px;
    border-color: white;
    color: white;
    text-align: center;
    font-size: 1.2em;
    transition: filter 0.3s ease;
    box-shadow: 0 0 5px #4400ff;
  }

  .grid-item:hover{
    filter: brightness(1.2) contrast(1.1);
  }


  .profileInfo{
      background-color: black;
      justify-content: center;
      width: 100%;
      margin-top:auto;
      margin-bottom: auto;
      padding-top: 50px;
      padding-bottom: 50px;
  }