{} *{} {} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } *{margin:0;padding:0;box-sizing:border-box} body{background:#0a0a0a;overflow:hidden;width:100vw;height:100vh;font-family:'Times New Roman','Georgia',serif;cursor:default} #canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1} #overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none} #title{font-family:'Times New Roman','Georgia',serif;font-size:clamp(3rem,8vw,7rem);font-weight:300;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.85);text-shadow:0 0 40px rgba(0,0,0,.5);user-select:none;mix-blend-mode:difference} #scroll-hint{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:10;color:rgba(255,255,255,.3);font-family:'Helvetica Neue',sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;pointer-events:none;animation:fadeInOut 3s ease-in-out infinite} @keyframes fadeInOut{0%,100%{opacity:0}50%{opacity:1}}