@font-face { font-family: "Lapture Bold"; src: url("/static/fonts/Lapture-Bold.otf") format("opentype"); } @font-face { font-family: "Fira Sans"; src: url("/static/fonts/Fira-Sans.ttf"); } .font-subtitle { font-family: "Fira Sans", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .text-inactive { color: #545454; } .text-active { color: #f5edd5; } * { font-family: "Lapture Bold", Georgia, "Times New Roman", Times, serif; } html, body { display: grid; place-content: center; padding: 0; margin: 0; width: 100%; height: 100dvh; background-color: #f32002; user-select: none; } .container { display: flex; flex-direction: row; gap: 2rem; justify-content: center; align-items: center; width: 100dvw; height: 20rem; background-color: black; } .content { display: flex; flex-direction: column; gap: 1rem; justify-content: center; align-items: center; } .cross { filter: brightness(83%) hue-rotate(10deg) saturate(160%); } .flipped { transform: scale(-100%); } .text { display: flex; flex-direction: column; gap: 0.5rem; width: 40rem; } .title { display: flex; flex-direction: row; gap: 0.5rem; align-items: center; } .title > img { width: 3rem; height: 1.75rem; } .title > h1 { margin: 0; color: #f32002; } .description { margin: 0; } .links { display: flex; flex-flow: row wrap; gap: 2px; justify-content: center; max-width: 619px; } .banner { width: 205px; height: 50px; font-size: 1.25rem; color: #545454; background-color: transparent; background-size: 0%; background-image: url("/static/ui/banner.png"); border-width: 0px; } .banner:hover { color: #f5edd5; background-size: contain; }

ERROR

You will need to turn on Javascript in order to access CultiVis. You can access the links below to learn how to turn on Javascript on your browser.