html {
    min-height: 100vh;
    cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='50' height='60' viewport='0 0 100 100' style='fill:black;font-size:30px;'><text y='50%'>🌎</text></svg>") 16 0,auto; /*!emojicursor.app*/
}

#global-pages {
    left: 0;
    position: fixed;
    text-align: center;
    top: 10px;
    width: 100%;

    .page {
        display: inline;
    }

    a {
        display: inline-block;
        background-color: #ccc;
        color: blue;
        text-decoration: none;
        font-size: 17px;
        line-height: 1;
        padding: 0.3em 0.5em;
        border-radius: 0.5em;
        margin: 0.1em;

        &:hover {
            background-color: yellow;
            box-shadow: 0.1em 0.1em 0.1em red;
        }
    }
}

#courses {
    left: 50%;
    position: fixed;
    text-align: center;
    top: 49%;
    transform: translate(-50%, -50%);
    width: 100%;

    a {
        color: blue;
        display: inline-block;
        font-size: 6vw;
        font-weight: bold;
        line-height: 1;
        margin: 0.2em 0;
        transition: 0.35s;

        &:hover {
            filter: blur(0.2em);
            text-decoration: none;
        }
    }

    /* .course:nth-child(1) a:hover {
        color: pink;
        text-shadow: 0 0 0.3em red;
    }

    .course:nth-child(2) a:hover {
        filter: blur(0.2em);
    }

    .course:nth-child(3) a:hover {
        color: lime;
        letter-spacing: -0.01em;
    } */
}