@font-face {
        font-family: Jost;
        src: url('fonts/Jost/Jost-VariableFont_wght.ttf')
    }
    
    .container {
        width: 100%;
        height: 100vh; /* Viewport height */
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        transition: background-color 1s ease; /* Smooth transition */
    }

    a {
        color: #ff1f4a;
        -o-transition:color .2s ease-out, background 1s ease-in;
        -ms-transition:color .2s ease-out, background 1s ease-in;
        -moz-transition:color .2s ease-out, background 1s ease-in;
        -webkit-transition:color .2s ease-out, background 1s ease-in;
        /* ...and now override with proper CSS property */
        transition:color .2s ease-out, background 1s ease-in;
        text-decoration:none;
    }

    a:hover { color:#000000;}
  
    body {
        font-family: Jost;
    }