body {
margin:0;
font-family:'Crimson Text',sans-serif;
font-size:1.2rem;
}
.entire {
display:grid;
grid-template-columns:100%;
grid-template-rows:1fr auto;
min-height:100%;
}
.inner {
margin-left:auto;
margin-right:auto;
padding-left:0.25rem;
padding-right:0.25rem;
width:42rem;
}

a:link, a:visited {
color:#777;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

.text p { margin-top:0.3rem;margin-bottom:0.3rem;text-indent:1.5rem; }
.text p.sect, .text p.nosect, .text p.pseudosect { margin-top:1rem; text-indent:0; }
h2 { margin-bottom:-0.3rem;text-align:center;font-size:1.6rem;padding-top:0.3rem; }

.top {
background:#111;
height:5rem;
}
.top div {
color:#fff;
display:block;
font-family:'Poppins',sans-serif;
font-size:0.9rem;
letter-spacing:0.1rem;
line-height:5rem;
text-align:center;
text-transform:uppercase;
}
.top div a {
border-bottom:2px solid transparent;
color:#fff;
cursor:pointer;
text-decoration:none;
}
.top div a:hover {
border-bottom:2px solid white;
}
.title {
font-weight:bold;
padding-top:2.5rem;
text-transform:uppercase;
}

.id-menu {
background:#f7f7f7;
padding-bottom:0.6rem;
padding-top:0.9rem;
}
.rect-collect {
display:flex;
flex-direction:row;
flex-wrap:wrap;
font-family:'Source Sans Pro', serif;
justify-content:space-between;
padding-left:1rem;
padding-right:1rem;
padding-top:0;
}
.rect-collect a {
align-items:center;
border:1px #ddd solid;
color:#888;
display:flex;
flex-direction:row;
font-size:0.85rem;
height:calc(2.7rem - 2px);
justify-content:center;
margin-bottom:0.3rem;
text-decoration:none;
}
.rect-collect a:hover {
background:#e34b4b;
border:1px #e34b4b solid;
color:white;
}
.rect-collect a, .rect-collect .empty {
width:5.4rem;
}
.rect-collect .empty {
height:0px;
}
.menu a {
align-items:center;
border:1px #ccc solid;
color:#111;
display:flex;
margin-bottom:1rem;
padding:1rem;
}
.menu a:hover {
text-decoration:none;
}
.menu .menu-link-left {
height:2.8rem;
text-align:center;
width:2.8rem;
}
.menu .menu-link-left span {
display:block;
width:100%;
background:#f7f7f7;
border:1px solid #cdcdcd;
color:#999;
border-radius:50%;
height:2.8rem;
width:2.8rem;
line-height:2.8rem;
}
.menu .menu-link-right {
padding:0rem 1rem;
}
.menu a:hover {
background:#e34b4b;
border:1px #e34b4b solid;
color:#fff;
display:flex;
margin-bottom:1rem;
padding:1rem;
}
.menu a:hover .menu-link-left span {
background:#111;
border:1px solid #111;
border-radius:50%;
color:white;
display:block;
height:2.8rem;
width:2.8rem;
}

h1 {
font-family:'Alegreya',serif;
font-size:1.8rem;
font-style:italic;
font-weight:700;
line-height:1.6em;
margin-bottom:0.8em;
overflow-wrap:break-word;
padding-top:0.5rem;
text-align:center;
}
h1.title-box {
border:1px dotted #9c9c9c;
border-radius:2px;
line-height:1;
margin-top:2rem;
padding:2.25rem 0.25rem;
margin-bottom:5rem;
}
.below-title {
color:#b1b1b1;
font-size:1.4rem;
font-variant:normal;
font-weight:normal;
letter-spacing:0.02rem;
padding-top:1.1rem;
}

a.reflink {
visibility:hidden;
}
p:hover a.reflink, h2:hover a.reflink {
visibility:visible;
}
a.reflink:link, a.reflink:hover {
text-decoration:none;
}

.the-end {
margin-top:3.5rem;
}
.footer {
border-top:1px solid #ccc;
color:#777;
font-family:'Poppins',sans-serif;
font-size:0.75rem;
padding-bottom:0.5rem;
padding-top:0.3rem;
text-align:left;
width:100%;
}

@media only screen and (max-width:42.5rem) {
.inner {
width:calc(100% - 1.5rem);
}
}