html, body {
      height: 100%;
      margin: 0;
      display: flex;
      flex-direction: column;
    }


    main {
      flex: 1;
      padding: 40px;
    }

    footer {
      display: flex;
      justify-content: space-around;
      padding: 0px 24px;
      background: rgba(54,54,54,0.55);
      backdrop-filter: blur(6px) saturate(120%);
      -webkit-backdrop-filter: blur(6px) saturate(120%);
      border-radius: 10px 10px 0px 0px;
      width: min(1100px, calc(100% - 32px));
      margin: 0 auto;
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
      z-index: 99;
      animation: fadeDown 0.8s ease;
    }

    footer a {
      color: white;
      text-decoration: none;
    }

    footer a:hover {
      color: rgb(255, 0, 200);
      font-weight: bold;
    }