@charset "UTF-8";
nav{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    letter-spacing: .1em;
    gap: 0px;
    width: 100svw;
    height: auto;
    padding: 8px;
    border-bottom: var(--border);
    color: var(--subDX);
    font-size: 1.4rem;
    overflow-y: hidden;
    overflow-x: scroll;
white-space: nowrap;
}
nav a,
nav a:visited{
    color: var(--subDX);
    text-decoration: none;
}
nav .material-symbols-rounded{
      font-variation-settings:
      'FILL' 0,
      'wght' 100,
      'GRAD' 0,;
      font-size: 21px;
      vertical-align: bottom;
      transform: translateY(1px);
}
nav .home .material-symbols-rounded{
      transform: translateY(-1px);
}
/*
nav .home_dot{
    width: 1.2em;
    height: 1.2em;
    background: var(--subL);
    border-radius: 222px;
    position: relative;
    transform: translateY(6px);
    display: inline-block;

}
nav .home_dot::after{
    content: "";
    width: .75em;
    height: .75em;
    background: var(--sub);
    border-radius: 222px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

*/

main{
    max-width: 1000px;
    margin: auto;
    padding: 32px 16px 120px 16px;

}

article h2{
    margin: 0;
}
article .lastup{
    color: var(--subDX);
}
article .lastup .material-symbols-rounded{
    font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' -25,
    'opsz' 20;
    vertical-align: bottom;
    transform: translateY(-3px);
    display: inline-block;
    margin-right: 4px;
    font-size: 21px;
}
article>p{
    margin: .5em 0 1.5em 0;
}