User:Knafflad/global.css

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

.headerbox{ padding:0.5rem; background: linear-gradient(180deg, rgba(133, 120, 88,1) 0%, rgba(133, 120, 88,0) 15rem); box-shadow: 0 0 5px #0a0a0a; float:none; width:auto; margin:auto; border-radius:1rem 1rem 0 0; padding-top:90px; }

.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; } @media (max-width: 768px) { .faction{ padding:0.5rem; width:calc(100vw - 10rem); margin-left:0.5rem; margin-right:9.5rem; } .faction img{ float:none; width:120px; padding-right:0; margin:auto; display:block; } .strongtitle{ letter-spacing:default; text-align:center; } .faction p{   text-align:center; }

.faction .profilepic{ display:none; }

.profilepicfix{ margin-top:0; } }