:root{--menu-img-width:15vh}body,html{height:auto}.center{padding-top:var(--gap-main)}.page-list-wrapper{position:relative;width:100%;height:100%;min-height:calc(100vh - var(--header-height) - var(--gap-main));padding:var(--gap-small);border-radius:var(--gap-main) var(--gap-main) 0 0;border:var(--gap-small) solid var(--first-color);box-shadow:0 -1px 2px var(--box-shadow-light),0 1px 2px var(--box-shadow-light);background:var(--white-first)}.page-list-content{width:100%;flex:1;gap:var(--gap-main)}.page-list-content a{display:block;color:var(--black-first);width:80%;max-width:350px}.page-list{overflow:hidden;border-radius:var(--gap-middle);box-shadow:0 0 3px var(--box-shadow-light)}.page-list:hover .page-list-img::before{transform:scale(1.1)}.page-list:hover .page-list-name{transform:scale(1.1);color:var(--first-color);text-shadow:1px 1px var(--black-first)}.page-list-img{position:relative;width:var(--menu-img-width);height:var(--menu-img-width);background-position:center;background-size:cover;overflow:hidden}.page-list-img::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;transition:inherit;transition:all 0.1s ease-in}.page-list-summary{flex:1;padding:var(--gap-middle)}.page-list-name{font-size:var(--size-h2);text-align:center;word-break:keep-all;transform-origin:50% 100%;transition:0.2s}@media screen and (max-width: 890px){.page-list-content{gap:var(--gap-main)}.page-list-name{font-size:var(--size-p)}}