:root{--prm: #5E7CE2;--sec: #C2E4FF;--emph: #0A369D;--tint: #F1F6F9;scroll-behavior:smooth}body{font-size:1.2em;line-height:1.5;background-color:var(--tint);color:#000}header,nav{text-align:center}header .title{margin-top:2em;font-size:2.4em;font-weight:700}nav ul{display:flex;flex-direction:row;justify-content:center;padding:0}nav ul li{display:inline-block;list-style:none}nav ul li a{font-size:large;border:3px var(--sec) solid;border-radius:5px;margin:.25em 1em;padding:.25em 1em;text-decoration:none;transition:all .5s}nav a.now{border-color:var(--prm);box-shadow:0 2px 10px var(--sec)}nav li a:hover{box-shadow:0 4px 20px var(--sec)}main{background-color:#fff;max-width:56em;margin:auto;padding:2em}blockquote{border-left:.5em var(--sec) solid;background-color:var(--tint);padding:.25em 1em}blockquote+p{text-align:right}button{background-color:var(--emph);color:#fff;border-radius:5px;font-size:1.2em;padding:.25em 1em;margin:.25em;cursor:pointer;transition:all .25s}button:hover{background-color:var(--prm)}table{margin:auto}thead th{text-align:center;padding:.5em}thead,tr:nth-child(2n){background-color:var(--tint)}td{padding:.1em 2em}footer{font-size:.8em;text-align:center;padding:3em}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dice{display:inline-block}button:hover .dice{animation:rotating 1.5s ease infinite}.random{display:flex;justify-content:center}table{width:100%}th input{display:block;margin:auto}td:first-child{text-align:center}td:last-child span{display:inline-block;background-color:var(--sec);margin:.1em .5em;padding:.1em .5em;border-radius:3px;font-size:.8em}.tags{padding:0;display:flex;flex-wrap:wrap;font-size:smaller}.tags li{list-style:none;margin:.1em .5em}.masonry{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(16em,1fr));grid-template-rows:masonry;margin:2em 0}section{background-color:var(--tint);border-radius:1em;box-shadow:3px 0 15px var(--sec)}h2{margin-left:1em}section ul{max-height:16em;overflow-y:auto}span.rss{font-size:small}