#profileCard {
  margin-top: 1rem;
  border-radius: 1rem;
  width: fit-content;

  > div {
    width: fit-content;
  }

  #usernameContainer {
    h1 {
      color: white;
      font-size: 3em;
    }
  }

  #profileIMGContainer {
    border-radius: 50%;
    margin-bottom: 0.25rem;
    overflow: hidden;

    @media (min-width: 768px) {
    }

    img {
      width: 15rem;
      height: 15rem;
    }

    margin-left: auto;
    margin-right: auto;
  }

  #googleLoginButton {
    &.glass {
      display: block;
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 0.5rem;

      background-image: url("../img/refresh.svg");
      background-size: 1.5rem 1.5rem;
      background-repeat: no-repeat;
      background-position: center;

      .g_id_signin {
        all: unset;
        display: block;
        height: 100%;
        width: 100%;
        opacity: 0;

        .S9gUrf-YoZ4jf,
        iframe {
          all: unset;
          margin: 0px !important;
          display: block;
          width: 100% !important;
          height: 100% !important;
        }
      }

      &:hover {
        background-color: rgba(255, 255, 255, 0.1);
      }
    }
    div {
      cursor: pointer;
    }
    .g_id_signin {
      div {
        margin: 0px;
      }
    }
    cursor: pointer;
    z-index: 100000;
  }
}