body {
background-color:rgba(0, 0, 0, 0.9);
color:rgba(255, 255, 255, 0.9);
}
.main {
min-height:100vh;
width:100vw;
padding:2rem;
}
.main > *:not(:first-child) {
margin-top:2rem;
}
.linkbar {
background-color:#882222;
padding:0.5rem;
line-height:2rem;
display:flex;
gap:0.5rem;
border-radius:0.2rem;
}
.linkbar a.linkimage {
display:inline-block;
width:2rem;
filter:invert(1);
}
.linkbar a.linkicon:any-link {
display:inline-block;
text-decoration:none;
font-size:36pt;
font-weight:bold;
color:rgba(255, 255, 255, 0.9);
}
.content {
max-width:800px;
margin:0 auto;
}
.content > *:not(:first-child) {
margin-top:1.75rem;
}
.prelabel {
font-family:monospace;
color:rgba(0, 192, 80, 0.9);
}
pre {
width:100%;
max-width:790px;
border:2px solid rgba(0, 192, 80, 0.9);
border-radius:0.2rem;
padding:1rem;
white-space:pre-wrap;
background-color:rgba(32, 32, 48, 0.9);
font-weight:500;
}
.d13-container {
display:flex;
margin:0 auto;
padding:3rem;
width:360px;
border-radius:4rem;
background-color:#882222;
font-size:4rem;
font-family:sans-serif;
font-weight: bold;
text-shadow:2px 2px 2px black;
}
.d13-btn {
border-radius:1rem;
width:50%;
}
.d13-result {
width:50%;
text-align:center;
}