html {
    font-size: 12px; /* px は「ピクセル」 (pixels) の意味。ベースフォントサイズは 10 ピクセルの高さになった */
    font-family: serif; /* これが Google フォントから取得した残りの出力になるはず。 */
    font-weight: 100;
    letter-spacing: 0px;
    overflow-y: clip;
}

html::-webkit-scrollbar{
    display: none;
}

body{
    padding: 0;
    margin: 0;
}


/* portrait */
.portrait{
    width: 100vw;
    position: fixed;
}

.portrait img {
    position: absolute;
    margin: 0.5em;
    width: calc(100dvw - 1em);
    height: calc(100dvh - 1em);
}

.portrait .img1{
    animation: blink 2s step-end infinite;
    animation-delay: 1s;
}
.portrait .img2{
    animation: blink 2s step-end infinite;
}

@keyframes blink {
    0% { opacity: 0%; }
    75% { opacity: 100%; }
    100% { opacity: 0%; }
}


/* about */
.about{ 
    text-align: left;
    position: absolute;
    margin-left: 1em;
    top: calc(50dvh - 4em);
}

.about .dog{
    width: 2em;
}

:hover{
    text-decoration: none;
}