:root{--bg: #18181a;--fg: #d9d9d9}body{background-color:var(--bg);color:var(--fg);font-family:Lexend,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;margin:0;position:relative}ul{display:flex;gap:0;flex-wrap:wrap;justify-content:center;list-style-type:none;margin:0;padding:0}li{flex:1;display:flex}li a{width:100%;box-sizing:border-box;margin-left:8px;margin-right:8px;text-align:center;text-decoration:none;background:var(--fg);padding:8px;border-radius:8px;color:var(--bg);transition-duration:.1s}li a:hover{outline:1px var(--fg) dashed;outline-offset:1px;border-radius:0}li a:active{transition-duration:10ms;color:var(--fg);background-color:var(--bg)}h5{position:absolute;text-align:center;bottom:8px}@media(max-width:768px){ul{width:67%}li a{padding:12px}}