@font-face { font-family: CourierPrime; src: url(fonts/CourierPrime-Regular.ttf); } /* font-family: 'Noto Sans Mono', sans-serif; */ body { font-family: CourierPrime; } .rainbow, h1 { text-align: center; text-decoration: underline; font-size: 0.7rem; font-family: monospace; letter-spacing: 5px; } .rainbow_text_animated, h1 { background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff); -webkit-background-clip: text; background-clip: text; color: transparent; animation: rainbow_animation 6s ease-in-out infinite; background-size: 400% 100%; padding: 0.2rem 0.6rem; } h1 { font-size: 2.75rem; font-family: CourierPrime; } .rainbow_text_animated_2 { animation: rainbow_animation 7s ease-in-out infinite; font-size: 0.5rem; } .rainbow_text_animated_3 { animation: rainbow_animation 8s ease-in-out infinite; font-size: 0.5rem; } .nav { display: flex; } .nav a, .title.logo a { text-decoration: none; font-size: 0.7rem; font-weight: bold; font-family: monospace; } #preamble pre { line-height: 1; letter-spacing: 0px; border: none; } .language-menu { position: absolute; top: 10px; right: 10px; } @keyframes rainbow_animation { 0%,100% { background-position: 0 0; } 50% { background-position: 100% 0; } }