form label{width:30%;display:inline-block;text-align:right;vertical-align:top;padding-right:20px}form textarea{resize:vertical;width:60%;height:200px;display:inline-block}form input,form textarea{border-style:solid}form button{padding:5px 10px;border-style:solid}form button:hover{border-color:#303030;background-color:grey}.card{box-shadow:2px 4px 6px #0000001e;margin:18px 0;border-radius:6px;overflow:hidden}.card img{object-fit:cover;min-width:150px;max-width:150px;min-height:100%;max-height:100%;display:block}.card p{margin:0}.list ul li .date{text-align:left;margin-left:1rem;color:gray}.tags{display:flex;flex-wrap:wrap;margin:1rem 0!important}.tags li{display:inline-block;padding:0 6px;margin-right:8px!important;border-radius:99px;background-color:grey;color:#fff;font-size:1.4rem!important;font-weight:700;line-height:1.9em}.tags li[tagname="C#"]{background-color:#178600}.tags li[tagname=JavaScript]{background-color:#f1e05a;color:#303030}.tags li[tagname="C++"]{background-color:#f34b7d}.tags li[tagname=C]{background-color:#555}.tags li[tagname=Dart]{background-color:#00b4ab}.tags li[tagname=TypeScript]{background-color:#2b7489}.content article p{text-align:left;hyphens:manual}figure figcaption h4{font-size:1.8rem;margin-top:0;margin-bottom:2em}body.colorscheme-dark input,body.colorscheme-dark textarea{background-color:#303030;border-color:#4d4d4d;color:#fff}body.colorscheme-dark button{border-color:#000;background-color:#303030;color:#fff}body.colorscheme-dark button:hover{border-color:#fff;background-color:grey}body.colorscheme-dark .card{background-color:#303030}@media(prefers-color-scheme:dark){body.colorscheme-auto input,body.colorscheme-auto textarea{background-color:#303030;border-color:#4d4d4d;color:#fff}body.colorscheme-auto button{border-color:#000;background-color:#303030;color:#fff}body.colorscheme-auto button:hover{border-color:#fff;background-color:grey}body.colorscheme-auto .card{background-color:#303030}}