@charset "utf-8";

html {
    font-size: 16px;
    scroll-behavior: smooth;
}

body {
    padding-bottom: 3rem;
    font-family: "Roboto", "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-feature-settings: "palt"1;
    line-height: 1;
}

::selection {
    background-color: #0007;
    color: #fff;
}

.gn {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

.gn__list {
    display: flex;
    flex-flow: row nowrap;
}

.gn__item {
    flex: 1 0 0;
}

.gn__item a {
    height: 3rem;
    display: grid;
    place-content: center;
    background-color: #0007;
    color: #fff;
    backdrop-filter: blur(8px);
    transition: all 0.0625s ease-out;
}

.gn__item a:hover {
    background-color: #3337;
}

.gn__item a:active {
    background-color: #7777;
}