html{box-sizing:border-box;font-size:16px}*,:before,:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:400}ol,ul{list-style:none}img{max-width:100%;height:auto}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}h1{padding-top:2em;padding-bottom:2em;font-size:36px;font-weight:1000}h2{padding-top:1em;padding-bottom:1em;font-size:28px;font-weight:1000}b{font-weight:1000}p{padding-bottom:1em}br{padding-bottom:.5em}ul{list-style-type:disc}a{font-weight:800;text-decoration:underline}.main{z-index:-1;flex-direction:column;align-items:center;display:flex}.navbar{z-index:1;background-color:transparent;flex-direction:row-reverse;align-items:center;width:40em;min-width:10em;max-width:100%;height:4em;padding-top:2em;padding-bottom:1em;display:flex}.navbar a{padding:10px;font-size:large;text-decoration:none;transition:color .2s}.navbar a:hover{cursor:pointer;-webkit-text-decoration:bold;text-decoration:bold;border-radius:5px;text-decoration:underline}.theme-toggle{cursor:pointer;font-size:18px;font-style:bold;border:1px solid;border-radius:8px;padding:6px 16px}.page{z-index:0;flex-direction:column;justify-content:center;align-items:center;max-width:98%;padding-left:1em;padding-right:1em;display:flex}.article{border-radius:15px;min-width:350px;padding:20px}.p-alt{flex-direction:column;min-width:350px;display:flex}.p-left{text-align:left;clear:right;border-radius:15px;flex-direction:row-reverse;align-items:center;padding:20px 20px 20px 80px;display:flex}.p-right{text-align:left;clear:left;border-radius:15px;flex-direction:row;align-items:center;padding:20px 80px 20px 20px;display:flex}@media (width<=650px){.p-left,.p-right{flex-direction:column;min-width:350px;padding:20px}}@media (width<=350px){.navbar{flex-direction:column;height:8em;display:flex}.p-left,.p-right{flex-direction:column;min-width:300px;padding:20px 5px}}#header{max-width:100em}#blog a{color:red;padding-top:50px}.blockquote-wrapper{height:28em;padding:0 20px;display:flex}.blockquote{z-index:1;align-self:center;width:100%;max-width:700px;padding:80px auto;font-family:sans-serif;font-weight:800;position:relative}.blockquote h1{text-align:center;padding-top:.5em;padding-bottom:.5em;font-size:40px;font-weight:800;line-height:1;position:relative}.blockquote:after{content:"”";font-size:10rem;line-height:0;position:absolute;bottom:-43px;right:30px}@media (width>=200px){.blockquote h1{font-size:42px}}.blockquote h4{z-index:1;padding-top:20px;font-size:1.4rem;font-weight:400;line-height:1;position:relative}@keyframes rotate-circle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.letter-circle-container{justify-content:center;align-items:center;max-width:35em;height:26em;padding-top:5em;display:flex;position:relative;overflow:hidden}.letter-circle{opacity:.5;-webkit-user-select:none;user-select:none;width:31em;height:31em;animation:360s linear infinite rotate-circle;position:absolute;overflow:hidden}.letter-circle-item{color:red;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(calc(-2.3px * var(--chars)));font-family:Noto Sans Runic;font-size:2rem;font-weight:1000;position:absolute;top:50%;left:50%}.letter-circle-item.outer-ring{text-decoration:overline}.letter-circle-item.inner-ring{text-decoration:underline}.letter-circle-text{z-index:2;font-size:50px;font-style:italic}.matrix-rain-container{overflow-clip-margin:10em;pointer-events:none;z-index:-1;-webkit-user-select:none;user-select:none;width:100%;max-width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.matrix-rain-column{animation:matrix-rain-fall var(--duration) linear infinite;animation-delay:var(--delay);filter:opacity(var(--h-opacity,1));flex-direction:column;align-items:center;display:flex;position:absolute;top:10%}@keyframes matrix-rain-fall{0%{opacity:0;transform:translateY(-100%)}5%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(calc(100vh + 100%))}}.matrix-rain-char{font-family:Noto Sans Runic,Segoe UI Historic,sans-serif;font-size:var(--font-size,1.2rem);color:var(--color,#ff1a1a);opacity:var(--opacity,.8);text-shadow:0 0 var(--glow-size,5px) var(--glow-color,red);animation:matrix-char-flicker var(--flicker-duration,2s) ease-in-out infinite alternate;animation-delay:var(--flicker-delay,0s);line-height:1}@keyframes matrix-char-flicker{0%,to{opacity:var(--opacity,.8)}50%{opacity:calc(var(--opacity,.8) * .5)}}.table{text-align:center;justify-content:center;padding:10px;display:grid}.table div{text-align:center;padding:15px}