castlegarten

@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300&display=swap'); p{ font-family: 'Kalam', cursive; font-size: 20px; color: #55ce35; } h1, h2, h3, h4, h5,{ font-family: 'Kalam', cursive; font-size: 200%; color: #ee81a8; } body{ background-image: ); background-image:url(https://64.media.tumblr.com/6f8dc7f23baa89f253904af6c481e634/6c0be0926310333f-62/s400x600/f3e8c09c2f62cd475c0e42f74969c64d3890a963.gif); Background-size: 100%; background-color: #dac88e; } main:before { width: auto; margin-bottom: 25px; border: 1px solid black; height: 250px; display: block; content: " "; box-shadow: 0px 0px 5px 1px ##52c1afff; background-image: url(https://64.media.tumblr.com/bcbdbc9e61761a9634c2fa14d78d09fe/94452ce93b501fd8-58/s400x600/2eb8b514924f66fafb1226de1e0a011965091eb2.gif); background-position: center center; background-size: cover; } footer{ color: ; } :root { --logo-blue: #860900; --darker-blue: #dac88e; --lighter-blue: #ecbf08; --even-lighter-blue: ; --lightest-blue: ; --dark-orange: #dac88e; --light-orange: #1e1e23; --even-lighter-orange: ; --green: ; } main { border-radius: 0 0 15px 15px; border: 2px solid rgba(0,0,0,0.7); background-color: #860900; } .profile h1 { font-size: 2em; color: #55ce35; font-family: 'Kalam', cursive; text-shadow: 3px 3px #000000; } ::-webkit-scrollbar { width: 3px; height: 10px; } ::-webkit-scrollbar { width: 3px; height: 10px; } ::-webkit-scrollbar-thumb { background: rgba(218, 200, 142); } ::-webkit-scrollbar-track { background: rgba(134, 9, 0); } .blurbs .inner{ text-align: center !important; } :root { --topic1: "Insert Topic"; --topic2: "Insert Topic"; --topic3: "Insert Topic"; --topic4: "Insert Topic"; --topic5: "Insert Topic"; --topic6: "Insert Topic"; } .table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;} .details-table tr td:first-child p::after{ color:var(--links) !important; letter-spacing:normal !important; text-shadow: 2px 2px black !important; filter: brightness(95%) !important; } .table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{ content: var(--topic1); } .table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{ content: var(--topic2); } .table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{ content: var(--topic3); } .table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{ content: var(--topic4); } .table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{ content: var(--topic5); } .table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{ content: var(--topic6); } body:before { content: " "; height: 100vh; width: 100vw; display: block; position: fixed; top: 0; left: 0; z-index: 100; background-image: url('https://64.media.tumblr.com/bcbdbc9e61761a9634c2fa14d78d09fe/94452ce93b501fd8-58/s400x600/2eb8b514924f66fafb1226de1e0a011965091eb2.gif'); background-size: cover; background-repeat: no-repeat; background-position:center; animation: yourAnimation 3s ease 0s 1 normal forwards; pointer-events: none; } @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } }