    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html {
      width: 100vw;
      overflow-x: hidden;
    }

    body {
      background-color: #800020;
      color: #e1e1f1;
      display: flex;
      align-items: center;
      flex-direction: column;
      font-family: 'Poppins', sans-serif;
      padding-top: 4rem;
      padding-bottom: 2rem;
      gap: 1rem;
    }

    a {
      text-decoration: none;
      color: inherit;
    }

    ul {
      width: 90%;
      max-width: 40rem;
    }

    ul li {
      list-style: none;
    }

    ul.links li:not(:last-child) {
      margin-bottom: 1rem;
    }

    .links {
      margin-top: -1rem;
    }

    .link-card {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #B88A44;
      gap: 1rem;
      padding: 1rem;
      border-radius: 20px;
      margin-bottom: -2px;
      box-shadow: 3px 3px 2px #fff;
      border: 3px solid white;
    }

    .link-card:hover {
      border: 3px solid white;
      ;
    }

    .link-icon {
      background-image: linear-gradient(to top, white, white);
      padding: 0.5rem;
      border-radius: 10px;
      aspect-ratio: 1/1;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .link-icon i {
      color: #B88A44;
    }

    .link-text {
      font-family: monospace;
      font-size: 15px;
      font-weight: bold;
      text-align: center;
      color: #FFFFFF;
    }

    .link-action {
      color: #FFFFFF;
      cursor: pointer;
      padding: 5px;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .copyright {
      margin-bottom: 1rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 0.5rem;
      color: white;
      font-size: 0.82rem;
      margin-bottom: 2px;
      position: relative;
    }

    .c-photo {
      width: 3.5rem;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .c-text {
      font-family: monospace;
      font-weight: lighter;
    }

    .link-action i {
      font-size: 1.2rem;
    }

    #notif {
      width: max-content;
      position: fixed;
      top: 0;
    }

    .notifikasi {
      color: #800020;
      padding: 1rem;
      background-color: white;
      margin-top: 1rem;
      font-family: monospace;
      border-radius: 1rem;
      animation: muncul 500ms ease-in-out;
    }

    .notif-link {
      animation: hilang 2s ease-in-out 2s;
    }

    @keyframes muncul {
      from {
        opacity: 0;
        transform: translateY(-4rem);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes hilang {
      from {
        opacity: 1;
        transform: translateY(0);
      }

      to {
        opacity: 0;
        transform: translateY(-4rem);
      }
    }