@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family:Lucida Grande, Helvetica, Arial, sans-serif;
}
html {
    text-align: center;
    background-color: lightgoldenrodyellow
}
h1 {
    font-size: clamp(20px, 4vw, 30px);
    color: sienna;
    text-align: right;
    padding-right: 5vw;
}
h1 .hiragana {
    font-size: 0.8em;
}
nanka {
    font-size: clamp(10px, 3vw, 20px);
}
a {
    color: inherit;
    text-decoration: none;
}
.itterasshai {
    display: block-inline;
    font-size: 10px;
    text-align: left;
}
.yeah {
    font-size: clamp(10px, 3vw, 20px);
    color: darkgoldenrod;
    text-align: left;
    padding-left: 5vw;
}
.menu {
    margin: 1em 0em;
    display: flex;
    justify-content: center;
    gap: 3vw;
    flex-wrap: wrap;
}
.button1,.button2,.button3 {
    font-size: clamp(10px, 1.5vw, 15px);
    padding: 1em 1em;
    width: 10em;
    background-color: palegoldenrod;
    border: 2px solid sandybrown;
    color: maroon;
    transition: all 0.1s ease-out;
    border-radius: 0.5em;
}
.button1:hover,.button2:hover,.button3:hover {
    background-color: cornsilk;
}
.suichoku {
    writing-mode: vertical-rl;
    position: absolute;
    left: 0;
    text-orientation: sideways;
}
.button1,.button3 {
    text-decoration:underline;
} 
.button2 {
    border: 2px solid black;
}
hr {
    border: none;
    height: 2px;
    border-top: 1px solid olive;
    border-bottom: 1px solid saddlebrown; 
}