@font-face { font-family: "Futura"; src: url("./FuturaLT-Heavy.ttf") format("truetype"); } :root { --background: #fff3f9; --text: #ffa7c7; --highlight: #ff5a99; } body { background: var(--background); color: var(--text); position:absolute; margin-top: 10px; font-family: Futura; } .disclaimer { color: red; } body { opacity: 0; transform: translateY(100px); animation: slideAndFade 0.5s ease-in-out forwards; } @keyframes slideAndFade { to { opacity: 1; transform: translateY(0); } }