@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;1,300&display=swap');

body
{
    display:flex;
    flex-direction: column;
    align-items: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    margin: 16px;
    font-size: 1.5em;
    cursor: grabbing;
    height: 100vh;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

a
{
    cursor: grab;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 16px;
    color: rgb(10, 50, 100);
    transition: color 0.6s, margin-left 0.8s;
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1);
    transition-delay: 0.18s;
}

a:visited
{
    color: rgb(10, 50, 100);
}

a:active
{
    cursor:grabbing;
}

a:hover
{
    margin-left: 32px;
    color: rgb(10, 100, 250);
}