.generateTime{ font-size:10px; color:blue; } .codeForeground{ font-family:'Courier New', Courier, monospace; position:absolute; left:-12px; top:-8px; z-index:-4999; color:rgba(0,0,0,0); background: linear-gradient(90deg, rgba(17,17,17,1) 0%, rgba(17,17,17,1) 42%, rgba(17,17,17,0.6825105042016807) 44%, rgba(17,17,17,1) 46%, rgba(17,17,17,1) 100%); background-size:300% 100%; user-select:none; animation-name:backgroundMove; animation-duration:15s; animation-iteration-count: infinite; font-size:32px; overflow:hidden; max-width:98vw; max-height:90vh; } .codeBackground{ font-family:'Courier New', Courier, monospace; position:absolute; left:-12px; top:-8px; color:#44FF44; z-index:-5000; user-select:none; font-size:32px; overflow:hidden; max-width:98vw; max-height:90vh; } @keyframes backgroundMove{ 0%{ background-position: 0% 50%; } 100%{ background-position: 100% 50%; } } body{ font-family: Garamond, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color:$SITE_BACKCOL; } .content .title{ font-size:x-large; border-bottom-style: outset; border-radius: 32px; background-color:$SITE_BACKCOL; } .content{ border-radius: 12px 0px 12px 0px; border-style: none outset outset none; border-color: #191; border-width: 3px; margin: 12px 4px 8px 4px; padding: 4px; background-color: rgba(255, 255, 255, .075); backdrop-filter: blur(10px); color: #AA77FF; font-weight:900; text-shadow: 0.3px 0.3px 3px #666666; }