:root{--border: #3fd4d4;--g1: #087ee1;--g2: rgb(0, 0, 0);--g3: #05e8ba}::-webkit-scrollbar{width:10px;height:4px}::-webkit-scrollbar-track{background-color:#000;border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;background:#6d6d6d}body{background-color:#0a0a0a;display:grid;height:100vh;margin:0;padding:0;place-items:center}.card{aspect-ratio:1.6 / 1;border:.5vmin solid var(--border);cursor:pointer;position:relative;width:56vmin}.card:hover:before{background-position:100% 100%;transform:scale(1.08,1.03)}.card:hover>.card-content{background-position:-10% 0%}.card:hover>.card-icon{color:#fff}.card:hover>.card-content>.card-subtitle>.card-subtitle-word{opacity:1;transform:translateY(0);transition:opacity 0ms,transform .2s cubic-bezier(.9,.06,.15,.9)}.card:before{background:linear-gradient(130deg,transparent 0% 33%,var(--g1) 66%,var(--g2) 83.5%,var(--g3) 100%);background-position:0% 0%;background-size:300% 300%;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:background-position .35s ease,transform .35s ease;width:100%;z-index:1}.card-content{background-image:radial-gradient(rgba(255,255,255,.2) 8%,transparent 8%);background-position:0% 0%;background-size:5vmin 5vmin;padding:5vmin;position:relative;height:100%;transition:background-position .35s ease;width:calc(100% - 10vmin);z-index:2}.card-title,.card-subtitle{color:#fff;font-family:Anek Latin,sans-serif;font-weight:400;margin:0}.card-title{font-size:3.7vmin;max-height:80%}.card-subtitle{font-size:2.5vmin;margin-top:2vmin;color:#3fd4d4;position:absolute;margin-bottom:10%;bottom:0}.card-subtitle-word{display:inline-block;margin:0vmin .3vmin;opacity:0;position:relative;transform:translateY(40%);transition:none}.card-icon{bottom:0;color:#ffffff80;font-size:7vmin;left:0;margin:5vmin;position:absolute;transition:color .25s ease;z-index:2}#source-link{top:60px}#source-link>i{color:#5e6ad2}#yt-link{top:10px}#yt-link>i{color:#ef5350}.meta-link{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;box-shadow:2px 2px 2px #0000001a;cursor:pointer;display:inline-flex;gap:5px;left:10px;padding:10px 20px;position:fixed;text-decoration:none;transition:background-color .35s,border-color .35s;z-index:10000}.meta-link:hover{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.meta-link>i,.meta-link>span{height:20px;line-height:20px}.meta-link>span{color:#fff;font-family:Anek Latin,sans-serif;transition:color .6s}:root{--accent: 124, 58, 237;--accent-gradient: linear-gradient( 45deg, rgb(var(--accent)), #da62c4 30%, white 60% )}html{font-family:Roboto Mono,monospace}