@font-face {
        font-family: Sinkin Sans;
        src: url(/css/font/SinkinSans-400Regular.woff2) format("woff2"),
            url(/css/font/SinkinSans-400Regular.woff) format("woff");
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Sinkin Sans;
        src: url(/css/font/SinkinSans-500Medium.woff2) format("woff2"),
            url(/css/font/SinkinSans-500Medium.woff) format("woff");
        font-weight: 500;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Sinkin Sans;
        src: url(/css/font/SinkinSans-600SemiBold.woff2) format("woff2"),
            url(/css/font/SinkinSans-600SemiBold.woff) format("woff");
        font-weight: 600;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Sinkin Sans;
        src: url(/css/font/SinkinSans-700Bold.woff2) format("woff2"),
            url(/css/font/SinkinSans-700Bold.woff) format("woff");
        font-weight: 700;
        font-style: normal;
        font-display: swap
    }

    body {
        font-family: 'Sinkin Sans';
        font-size: 14px;
        line-height: 25px;
        margin: 10px 5vw;
        background-color: white;
        color: black;
        background: linear-gradient(to bottom, #f7f9fc, #e3eaf1);
    }

    h1 {
        font-size: 200%;
    }

    h2 {
        font-size: 150%;
    }

    li::marker {
        color: red;
    }

    a {
        color: black;
    }

    a:hover {
        text-decoration: none;
    }

    header, footer {
        text-align: center;
    }

    .construction {
        text-align: center;
        font-weight: 700;
        margin-top: 50px;
    }