.mywtr20{background-color:#282c34dd;border-top:1px dotted #abb2bf;grid-template-rows:repeat(2,auto);grid-template-columns:auto 1fr;grid-template-areas:"sitename icons""buildinfo links";gap:12px;width:100%;margin-top:64px;padding:12px;display:grid}
.mywtr21{grid-area:sitename;justify-self:start;margin:0;font-size:2em;font-weight:700}
.mywtr22{color:#8d9bb7;grid-area:buildinfo;align-self:end}
.mywtr23{color:#8d9bb7}
.mywtr24{place-self:center right;gap:24px;height:28px;display:flex}
.mywtr25{aspect-ratio:1;color:#abb2bf;height:100%}
.mywtr26:hover{color:#1da1f2}
.mywtr27:hover{color:#f50}
.mywtr28{grid-area:links;place-self:center;width:100%;display:grid}
.mywtr29{margin:0;font-size:1.5rem;display:inline-block}
@media screen and (min-width:800px){.mywtr28{text-align:right;grid-template-rows:auto auto;align-items:end}}
@media screen and (500px<width<800px){.mywtr20{text-align:center;grid-template-rows:repeat(3,auto);grid-template-columns:auto auto;grid-template-areas:"sitename icons""buildinfo buildinfo""links links";row-gap:4px}.mywtr28{grid-template-columns:auto 1fr auto}}
@media screen and (max-width:500px){.mywtr20{text-align:center;grid-template-rows:repeat(4,auto);grid-template-columns:auto;grid-template-areas:"sitename""icons""buildinfo""links";row-gap:4px}.mywtr24{justify-self:center;margin-block:4px}.mywtr28{grid-template-rows:auto auto;justify-content:center}}
@media screen and (max-width:500px){.mywtr21{justify-self:center}}
@media screen and (max-width:800px){.mywtr22{font-size:.85em}}
@media screen and not (max-width:800px){.mywtr22{justify-self:end;font-size:1em}}