#gameoflife{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.1}pre a{text-decoration:underline!important}.filter-btn{background:0 0;border:none;cursor:pointer;transition:all .2s;opacity:.5;padding:.5rem;font-size:.875rem;position:relative}.filter-btn:hover{opacity:.8;transform:scale(1.1)}.filter-btn.active{opacity:1;transform:scale(1.2)}.link{background:0 0!important;color:#fff!important;transition:all .3s ease!important;border:2px solid!important;padding:.25rem .75rem!important;margin:.25rem!important}.link span{opacity:.5}.link[data-group=projects]{border-color:#7e22ce!important}.link[data-group=projects]:hover{background:#7e22ce!important}.link[data-group=contact]{border-color:#16a34a!important}.link[data-group=contact]:hover{background:#16a34a!important}.link[data-group=professional]{border-color:#2563eb!important}.link[data-group=professional]:hover{background:#2563eb!important}.link[data-group=social]{border-color:#ec4899!important}.link[data-group=social]:hover{background:#ec4899!important}.link[data-group=misc]{border-color:#ea580c!important}.link[data-group=misc]:hover{background:#ea580c!important}.link:hover{color:#fff!important;filter:none!important}@media(prefers-color-scheme:dark){#gameoflife{opacity:.05}}