*{padding:0;margin:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}main{width:100vw;height:100svh}.ui{position:absolute;padding:1rem;font-family:Arial,Helvetica,sans-serif}.ui h1 span{color:#d3d0d0}.ui h3{font-weight:400;color:#dfdfdf;padding-left:6px}a{position:relative;cursor:pointer;text-decoration:none;color:#dfdfdf;--scale: 0}a:after{content:"";position:absolute;transform-origin:left;left:0;top:102%;height:1.6px;width:100%;background:#dfdfdf;transform:scaleX(var(--scale));transition:transform .3s ease}a:hover{--scale: 1}