.heading{display:flex;align-items:center;margin-bottom:1rem}.heading .title{display:flex}.heading .title h1{margin:0 1rem 0 0}@media(max-width:640px){.heading .title h1{margin:0}}.heading .menu ul{margin:0;padding:0}.heading .menu ul li{display:inline;margin-right:.5rem;font-size:large}.heading img{display:none}@media(max-width:640px){.heading{display:block}.heading img{display:inline;margin-right:.8rem;border-radius:.3rem}.heading .menu{margin:.7rem 0 1rem}}.index .main{display:block;flex:0 0 60%}.index .profile img{display:block;margin:0 auto 1rem;border-radius:.3rem}.index .profile footer{text-align:left}@media(min-width:640px){.index{display:flex}.index hr{display:none}.index .profile{margin-left:1rem}}@media(max-width:640px){.index .profile img{display:none}}.article-list .article{margin-bottom:1rem}.article-list .article .article-date{font-size:smaller;color:var(--index-article-list-date-color)}.article-list .article .article-title{display:flex;align-items:baseline;justify-content:space-between}.article-list .article .article-title a{margin-right:1em}.article-list .article .article-title small{min-width:8em;text-align:left}@media(max-width:640px){.article-list .article .article-title{flex-direction:column}.article-list .article .article-title small{margin-top:.5rem}}