body {
        margin: 0;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #000000;
        color: #ffffff;
    }

    @font-face {
      font-family:'later';
      src:url('../fonts/tdl.eot');
      src:local('tdl'),
      url('../fonts/tdl.ttf')
      format('truetype');
      }

    .logo-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    a {
        text-decoration: none;
        color: inherit;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .logo {
        width: 50vw;
        height: 50vw;
        max-width: 50vh;
        max-height: 50vh;
        object-fit: contain;
        border-radius: 50%;
      }

    h1 {
        color: #000000;
        font-family: later, arial, tahoma, verdana;
        font-size: 1.0em;
        font-variant: none;
        font-weight: 100;
        letter-spacing: 0.0em;
        line-height: 1.0;
        margin: 0.0em 0.0em 0.0em 0.0em;
        padding: 0.4em 0.0em 0.0em 1.0em;
        text-shadow: 0px 0px 9px #ffffff;
        text-transform: uppercase;
        transform: scale(1.0, 1.5);
    }