@import url("https://use.typekit.net/ozy6rdy.css"); body { background: linear-gradient(to bottom, #fcdaff, #fac9ff ); text-align: center; font-family: "ivystyle-sans", Verdana, sans-serif; font-size: 1.1rem; min-height: 100vh; display: flex; flex-direction: column; } .page { background-color: #fcdaff; justify-content: center; border-color: #ff7314; border-width: 2pt; border-style: solid; max-width: 1024px; margin: auto; padding: 5pt; } h1 { background: linear-gradient(183deg, #9929ea 10%, #5808fb 70%); background-clip: text; -webkit-background-clip: text; color: transparent; font-size: 4rem; margin-bottom: 10pt; } h2, h3 { color: #ff569b; } a, a:visited { color: #fd8955; font-weight: bold; } a:hover, a:active { color: #ffffff; background: linear-gradient(to bottom, #f6bf75, #fd8955, #d77185, #8766ac ); } .things { } .sunset { background: linear-gradient(to bottom, #f6bf75, #fd8955, #d77185, #8766ac, #4150b1 ); } .twilight { background: linear-gradient(to bottom, #000000, #4150b1, #8766ac, #d77185, #fd8955, #f6bf75 ); } .midnight { background: linear-gradient(to bottom, #000000, #4150b1, #8766ac ); }