@font-face {
    font-family: 'Gidolinya';
    font-style: normal;
    src: url('/static/fonts/Gidolinya-Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'Titillium Web Light';
    font-style: normal;
    font-weight: 300;
    src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url(/static/fonts/titilliumweb/v4/anMUvcNT0H1YN4FII8wpr9INifKjd1RJ3NxxEi9Cy2w.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Titillium Web Light';
    font-style: normal;
    font-weight: 300;
    src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url(/static/fonts/titilliumweb/v4/anMUvcNT0H1YN4FII8wpr4-67659ICLY8bMrYhtePPA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
    font-family: 'Titillium Web SemiBold';
    font-style: normal;
    font-weight: 600;
    src: local('Titillium WebSemiBold'), local('TitilliumWeb-SemiBold'), url(/static/fonts/titilliumweb/v4/anMUvcNT0H1YN4FII8wpr_SNRT0fZ5CX-AqRkMYgJJo.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Titillium Web SemiBold';
    font-style: normal;
    font-weight: 600;
    src: local('Titillium WebSemiBold'), local('TitilliumWeb-SemiBold'), url(/static/fonts/titilliumweb/v4/anMUvcNT0H1YN4FII8wpr46gJz9aNFrmnwBdd69aqzY.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body {
    /* background */
    background-attachment: fixed;
    background-image: url('/static/images/maguro-theme.png');
    background-repeat: no-repeat;
    background-size: cover;

    /* common */
    margin: 0 auto;
    max-width: 1080px;
    min-width: 720px;
    height: min(100vh, 1080px);

    /* potision */
    display: flex;
    flex-direction: column;

    /* font */
    color: #ffffff;
    font-family: 'Titillium Web Light';
    font-size: 12pt;
}

div.main {
    flex: 1;
    text-align: center;

    /* potision */
    display: flex;
    align-items: center;
    justify-content: center;
}

div.main div.title div.mainTitle {
    font-family: 'Gidolinya';
    font-size: 56pt;
    user-select: none;
}

div.main div.title div.subTitle {
    font-family: 'Gidolinya';
    font-size: 28pt;
    margin: 10px 0px 0px 0px;
    user-select: none;
}

footer {
    margin: 10px 0;
    text-align: center;
    user-select: none;
}

footer p {
    margin: 0 auto;
    padding: 5px 0px 5px 0px;
}