@font-face {
    font-family: 'TateGana';
    src: url(TateGana.ttf);
}

.normal {
    font-family: "Noto Sans JP", sans-serif;
}

.tategana {
    font-family: "TateGana", "Noto Sans JP", sans-serif;
}

section#title p.normal {
    font-size: 2vmin;
}

section#title h1.tategana {
    font-size: 20vmin;
}

section {
    height: 100vh;
    width: 100vw;
    display: block;
}

rt {
    font-size: 30%;
}

section:not(#title) p.normal {
    font-size: 2vmin;
}

section:not(#title) h1.tategana {
    font-size: 15vmin;
    margin-bottom: 10vmin;
}

input {
    width: 50vmin;
    font-size: 10vmin;
    border: none;
    border-bottom: solid black 0.5vmin;
    border-radius: 0.1vmin;
}

input:focus {
    outline: none;
}

a.button {
    font-size: 5vmin;
    color: black;
    background-color: white;
    border: solid black 0.5vmin;
    outline-offset: -0.5vmin;
    padding: 2.5vmin;
    border-radius: 10vmin;
    /* margin-top: 10vmin; */
    box-sizing: border-box;
    transition: all 0.2s;
}

a.button:hover {
    color: white;
    background-color: black;
}

a:not(.button) {
    font-size: 5vmin;
    color: black;
    text-decoration: underline;
}

a:not(.button):hover {
    font-size: 5vmin;
    color: black;
    text-decoration: none;
}

img {
    width: 100vmin;
}