caits room

} .profile-pic { position: relative; width: 183px; filter: drop-shadow(0 0 0.25rem gray); } .profile-pic:after { content: ""; background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6)); background-size: contain, cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .profile-pic:before { content: ""; background: var(--cd-image); position: absolute; top: 5px; left: -20px; width: 150px; height: 150px; background-repeat: no-repeat; z-index: -1; animation-name: spin; animation-duration: 5000ms; animation-iteration-count: infinite; animation-timing-function: linear; transition: left ease 0.5s; } .profile-pic:hover:before { left: -75px; } @keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } .profile-pic .pfp-fallback { float: right; width: 163px; height: 160px; border: none; } .general-about .profile-pic img { max-width: inherit; } .online { margin:auto; padding-bottom: 5px; content: url(https://i.ibb.co/sCLNcck/ezgif-5-5861b4e688.png); animation: rotation 6s infinite linear; } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } body { background-image: url('https://media.giphy.com/media/3o7TKoFi1GyCT0h8w8/source.gif'); background-attachment: fixed; background-repeat: repeat; } .logo { content:url("https://64.media.tumblr.com/0592057273a22b5d770a090d6575c837/819a045a729e1bd1-55/s540x810/81ca630b28527a22d39dd2647b0e05c8988dbfd4.pnj"); } @import url('https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap') p{ font-family: 'Crimson Text'; font-size:150%; color: white } :root { --logo-blue:#731ca4; --darker-blue: #aa3ed0; --lighter-blue: #2d154a; --even-lighter-blue: ; --lightest-blue: ; --dark-orange: #b99cd7; --light-orange: #361f51; --even-lighter-orange: #361f51; --green: pink; } @import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica+SC&family=IM+Fell+Great+Primer&display=swap'); main { font-family: 'IM Fell Great Primer', serif; color: #b784c6; font-size: 90%; } .top{ background-color: COLOR !important; background-image: url('https://wallpaperaccess.com/full/6604180.jpg') !important; background-attachment: FIXED OR SCROLL !important; background-repeat: REPEAT OR NO-REPEAT !important; background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important; } .online{ content: url("https://i.imgur.com/W68ZI43.gif") !important; } body { font-family: old english text mt, arial, sans-serif, helvetica; body:before { content: " "; height: 100vh; width: 100vw; display: block; position: fixed; top: 0; left: 0; z-index: 100; background-image: url('https://i.pinimg.com/originals/6a/0d/a7/6a0da77ada254003578c331a5284abfd.gif'); background-size: cover; background-repeat: no-repeat; background-position:center; animation: yourAnimation 1s ease 1s 1 normal forwards; pointer-events: none;} @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }