@font-face {
        font-family: 'SUIT-Regular';
        src: url('/fonts/SUIT-woff2/SUIT-Regular.woff2') format('woff2');
        font-weight: normal;
        font-style: normal;
    }

    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }

    * {
        margin: 0;
    }

    html,
    body {
        height: 100%;
    }

    body {
        line-height: 1.5;
        -webkit-font-smoothing: antialiased;
        background-color: #f3ebe9;
    }

    img {
        display: block;
        max-width: 100%;
        border: solid 0.1rem #13070C;
    }

    input,
    button,
    textarea,
    select {
        font: inherit;
    }

    p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        overflow-wrap: break-word;
        text-align: left;
        color: #13070C;
    }

    h1,
    h2 {
        width: 100%;
        text-align: center;
        font-size: 1rem;
        font-weight: 600;
        font-family: 'SUIT-Regular', sans-serif;
    }

    p {
        padding-bottom: 0.5rem;
    }

    p,
    li {
        font-size: 1rem;
        font-family: 'SUIT-Regular', serif;
    }

    ul {
        width: 100%;
        padding-left: 1rem;
        list-style-type: '\2192';
    }

    a {
        text-decoration: none;
        color: #0d00bd;
        text-shadow: 1px 1px 1px #3bd8ff;
    }

    a:hover {
        cursor: pointer;
        text-shadow: 1px 1px 1px white;
    }

    a:active {
        text-shadow: 1px 1px 1px #FAE100;
    }

    footer>a {
        text-shadow: none;
        font-size: 0.75rem;
        font-family: 'SUIT-Regular', serif;
        color: #f3ebe9;
        opacity: 0.5;
    }

    footer>a:hover {
        text-shadow: none;
        opacity: 1;
        transition: 0.1s;
    }

    hr {
        width: 100%;
        height: 2.313rem;
        background: center url("/images/materials/lines/mazewan/md.gif") no-repeat;
        border: none;
    }

    .pgctr {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    main {
        width: max-content;
        height: max-content;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .intro,
    .info {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    footer {
        width: 100%;
        height: fit-content;
        background-color: #13070C;
        border-radius: 0.75rem 0.75rem 0 0;
        padding: 0.1rem 0.5rem 0 0.5rem;
        transition: 0.2s;
    }

    .ftin {
        display: flex;
        justify-content: center;
    }