@font-face {
    font-family: 'Minecraftia';
    src: url('/Minecraftia-Regular.ttf') format('truetype');
}

html {
    font-family: Minecraftia, Arial, sans-serif;
    font-size: 16px;
    color: white;
    background: black;
    padding-left: 10%;
    padding-right: 10%;
}

.navigation {
    display: flex;
    justify-content: center;

    nav {
        display: flex;
        justify-content: center;
        background: linear-gradient(90deg,rgba(235, 74, 55, 1) 0%, rgba(253, 174, 53, 1) 20%, rgba(253, 240, 53, 1) 40%, rgba(59, 197, 57, 1) 60%, rgba(98, 119, 157, 1) 80%, rgba(155, 102, 149, 1) 100%);
        padding: 1%;
    }

    a {
        margin: 0 40px;
        margin-top: 10px;
        margin-bottom: 4px;
        padding: 0%;
        color: blue;
        text-decoration: none;
    }

    a:hover, a:active {
        color: darkred;
    }
}

.primary {
    a {
        text-decoration: none;
        color: cyan;
    }

    a:visited {
        color: cyan;
    }

    a:hover, a:active {
        color: red;
    }


    ul {
        list-style-image: url('paw.svg');
    }
}

.desc {
    background-image: linear-gradient(to left, pink, orchid, cyan, lime, yellow, orange, red);
    color: transparent;
    -webkit-background-clip: text;
    display: inline-block;
}

.important {
    color: coral;
}

.matrix {
    a {
        color: green;
    }

    a:visited, a:active {
        color: green;
    }

    a:hover {
        color: lightgreen;
    }
}

.goldenage {
    color: gold;
}

.address {
    color: pink;
}

.disclaimer {
    color: royalblue;
}

@media (max-width: 1111px) {
    html {
        font-size: 32px;
    }

    .navigation {
        nav {
            flex-flow: column;
        }
    }
}