@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/css?family=Product+Sans');

body
{
    font-family:               "Product Sans", "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", meiryo, sans-serif;
    margin:                    0;
    color:                     #fff;
    background:                #448AFF;
    background-position:       center center;
    background-size:           cover;
    background-attachment:     fixed;
    text-align:                center;
    display:                   none;
}

.contents
{
    margin:                    0;
    height:                    100vh;
    width:                     100vw;
    display:                   none;
}

.menu
{
    margin:                    0;
    height:                    100vh;
    background-size:           cover;
    background-color:          rgba(38, 50, 50, 1);
    display:                   flex;
    flex-direction:            column;
    justify-content:           center;
}

header img
{
    width:                     120px;
    height:                    120px;
    background:                url("../images/thumbs.webp");
    background-size:           cover;
    border-width:              5px;
    border-style:              solid;
    border-color:              #fff;
    border-radius:             50%;
}

header h1
{
    margin:                    0;
    font-size:                 2.0em;
}

header{
    max-width:                 90vw;
    margin:                    1em auto;
}

header p
{
    margin:                    0;
    font-size:                 0.75em;
}

nav
{
    color:                     #fff;
    margin-top:                2vh;
}

nav a
{
    color:                     #fff;
    text-decoration:           none;
    font-size:                 1em;
}

nav p
{
    margin:                    0;
    padding:                   0;
    font-size:                 0.75em;
}