/* Header container */
    .icon-circle {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background: #82D6D6;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-top: 5px;
      box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.12),
        0 0 8px rgba(130, 214, 214, 0.35);
    }

    .icon-circle i {
      font-size: 22px;
      color: #606060;
      padding-bottom: 4px;
    }

    .head-circle {
      z-index: 2;
      position: absolute;
      top: 16px;
    }

    #header_container {
      position: fixed;
      padding: 16px;
      z-index: 3;
      height: 50px;
      width: 100%;
    }

    .text-head-nama {
      font-size: 14px;
      color: #606060;
    }

    .head-nama {
      z-index: 2;
      position: absolute;
      top: 28px;
      left: 75px;
    }