body{padding:0;margin:0;overflow:hidden;font-family:Rubik,sans-serif;font-size:14px;height:100vh;font-size:var(--text-size-small)}:root{--primary-color: black;--secondary-color: white;--highlight-color: #228B22;--background-color: #f0f0f0;--subtitle-color: #555;--gap-size: 50px;--top-pad-size: 20px;--text-size-small: 1rem;--text-size-medium: 1.1rem;--text-size-large: 1.15rem;--text-size-heading: 3rem;--article-max-width: 900px;--breakpoint-small: 1200px}p{line-height:1.5;color:var(--primary-color);font-size:var(--text-size-small);text-align:justify}a{text-decoration:none;color:var(--highlight-color);transition:color .3s ease;cursor:url(../../../media/cursors/ok.png) 6 19,auto}a:hover{color:var(--primary-color)}.quote:before{content:"「"}.quote:after{content:"」"}.signature-background{background:repeating-linear-gradient(23deg,black 0 3px,transparent 2px 35px),repeating-linear-gradient(-45deg,black 0 3px,transparent 2px 17px) #fff;background-size:33px 18px}.tag{color:var(--primary-color);background-color:var(--secondary-color);border:1px solid var(--primary-color);padding:4px;font-size:var(--text-size-small)}.tag-button{cursor:pointer;color:var(--secondary-color);background-color:var(--primary-color);border:1px solid var(--secondary-color);padding:4px;font-size:var(--text-size-small)}.tag-button:hover{color:var(--primary-color);background-color:var(--secondary-color);border:1px solid var(--primary-color)}.tag-wrapper{margin:10px 0;display:flex;flex-flow:row wrap;gap:2px}.project-wrapper{margin:0 auto;padding:0 5px;max-width:var(--article-max-width)}.date{font-family:monospace}.spacer{height:8vh}.tldr:before{content:"TL;DR ";font-weight:700}@media (min-width: 1200px){.project-wrapper{padding:0}.spacer{height:2vh}}