:root{--g1: rgb(98, 0, 234);--g2: rgb(236, 64, 122)}@keyframes background-pan{0%{background-position:0% center}to{background-position:-200% center}}body{animation:background-pan 10s linear infinite;background:linear-gradient(to right,var(--g1),var(--g2),var(--g1));background-size:200%;height:100vh;overflow:hidden;margin:0}body.toggled{animation:none}body.toggled>#title{opacity:0}body.toggled>#icon{opacity:1}body.toggled>#tiles>.tile:hover{opacity:.1!important}.centered{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#tiles{height:calc(100vh - 1px);width:calc(100vw - 1px);position:relative;z-index:2;display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(var(--rows),1fr)}.tile{cursor:pointer;position:relative}.tile:hover:before{background-color:#1e1e1e}.tile:before{background-color:#0f0f0f;content:"";inset:.5px;position:absolute}#title{color:#fff;font-family:Rubik,sans-serif;font-size:6vw;margin:0;pointer-events:none;transition:opacity 1.2s ease;width:50vw;z-index:3}#title>.fancy{color:var(--g2);font-family:Dancing Script,cursive;font-size:1.5em;line-height:.9em}#icon{color:#ffffff26;font-size:80vmin;opacity:0;pointer-events:none;transition:opacity 1.2s ease;z-index:1}