User:Knafflad/global.css

@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@400&display=swap');

.headerbox{ color:#fbe7b5; text-shadow: 0 0 1pt rgb(251, 231, 181); padding:1rem 0; background: linear-gradient(180deg, rgba(133, 120, 88,0.5) 0%, rgba(251, 231, 181,1) 75%); float:none; width:auto; margin:auto; border-radius:1rem 1rem 0 0; }

.scrollheader{ background: url(https://static.wikia.nocookie.net/backrooms/images/f/fe/Fandom-contest-3-tiled.png/revision/latest/scale-to-width-down/641?cb=20220302045650); animation: slide2 120s linear infinite; background-size: 620px; background-repeat: repeat; width:calc(100% - 72px); min-height: 150px; border-radius:1rem 1rem 0 0; position:absolute; }

@keyframes slide2{ 0% {   background-position: 120px bottom; } 100% {    background-position: -500px bottom; } }

.faction{ color:#fbe7b5; text-shadow: 1pt 1pt 1pt rgba(251, 231, 181,0.3); background: #857858; border-radius: 1rem; border:2pt solid #fbe7b5; box-shadow: 0 0 5pt #857858; margin: 10px 8pt 15px 8pt; padding: 1.5rem 2rem 1rem 2rem; height:auto; min-height:120px; }

.faction a{	color:#eedbac; text-decoration:underline; }

.faction a:hover{ color:#ffc191; } .faction h1{ font-size:52px; line-height:0.7; margin:-0.25rem 0 0.75rem 0; } .faction img{ height:120px; width:auto; float:left; margin-right:1rem; border-radius:1rem; box-shadow:0 0 1pt rgba(251, 231, 181,0.3); } .strongtitle{ letter-spacing: 1rem; font-family: 'Comfortaa', sans-serif; font-variant: small-caps; }

.profilepic img{ height:45px; border-radius:100%; padding-right:0; margin-right:1rem; }

.profilepicfix{ margin-top:0.75rem; }

.body-content{ padding-top:25rem; }

.right-image{ max-width:40%; float:right; padding:0; margin:0 8px 1rem 1rem; border-radius:0 1rem 0 0; text-align:center; color:#fbe7b5; text-shadow: 1pt 1pt 1pt rgba(251, 231, 181,0.3); background: #857858; border:2pt solid #fbe7b5; box-shadow: 0 0 5pt #857858; } .right-image img{ width:calc(100% + 2rem); height:auto; margin-bottom:1rem; margin-left:-1rem; transition:0.08s; border-radius:0 1rem 0 0; }

.right-image img:hover{ transition-delay:0.35s; transform: scale(1.5) translateX(-3rem); border-radius:0; } .right-image p{    padding:0 1rem; }