SCP Foundation

@importurl(https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&display=swap);
 
/*CenteredHeaderSigma*[2021WikidotComponent]*ByLtFlops (CCBY-SA 3.0)
 *Forked from:
 *PenumbraThemebyEstrellaYoshte*Alsobased on:
 *CenteredHeaderBHLbyWoedenaz**/
 
/* ---- VARS ---- */
 :root{
 --titleColor: hsl(0, 0%, 95%);
 --subtitleColor: hsl(60, 62%, 85%);
 --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/lgbtqp_logo.svg);
}
 
/* ---- SITEBANNER ---- */
 #header,
 div#header{background-image:none;
}#header::before{position:absolute;
 width:100%;
 height:100%;
 content: "";
 
 background-image: var(--lgurl);
 background-position:centertop;
 background-repeat:no-repeat;
 background-size:auto9em;
 opacity:.33;
}#headerh1,
 #headerh2{float:none;
 margin-left:0;
 
 text-align:center;
}#headerh1span,
 #headerh2span{
 /*HidetheExistingText*/
 display:none;
}#headerh1a::before,
 #headerh2::before{
 /*StyletheNewText*/
 font-family: "Montserrat", "Arial", sans-serif;
 text-shadow:none;
}#headerh1a::before{position:relative;
 bottom:.15em;
 
 color: var(--titleColor);
 
 font-size:115%;
 font-weight:700;
}#headerh2::before{position:relative;
 top:.1em;
 
 color: var(--subtitleColor);
 
 font-size:130%;
 font-weight:600;
}#headerh1a::before{
 /*SettheNewText'sContentFromVariable*/
 content: var(--header-title, "SCP FOUNDATION");
}#headerh2::before{content: var(--header-subtitle, "SECURE - CONTAIN - PROTECT");
}
 
/* ---- SEARCH ---- */
 #search-top-box{top:1em;
 right:0;
}#search-top-box-forminput.button{margin-right:0;
}#search-top-box-input,
 #search-top-box-input:hover,
 #search-top-box-input:focus,
 #search-top-box-forminput[type=submit],
 #search-top-box-forminput[type=submit]:hover,
 #search-top-box-forminput[type=submit]:focus{border-radius:0;
 box-shadow:none;
 
 font-size:100%;
}
 
/* ---- TOPBAR ---- */
 #top-bar{right:0;
 display: flex;
 justify-content:center;
}#top-barulliul{border-bottom:1pxsolid hsl(0, 0%, 40%);
 box-shadow:none;
}
 
/* ---- LOGIN ---- */
 #login-status{top:1.1em;
 right: initial;
 
 color: hsl(0, 0%, 87%);
}#account-topbutton{border-color: hsl(0, 0%, 87%);
 
 font-size:100%;
}
 
/* ---- PAGETITLE ---- */
 .meta-title,
 #page-title{text-align:center;
}
 
/* ---- BREADCRUMBS ---- */
 .pseudocrumbs,
 #breadcrumbs{text-align:center;
}
 
/* ---- MOBILEDISPLAY ---- */
 @media (max-width: 767px){#search-top-box{top:1.85em;
 width: unset;
 }.mobile-top-bar{position:relative;
 left:0;
 display: flex;
 justify-content:center;
 }#login-status{top:0;
 right:0;
 }#header.printuser{font-size:0;
 }#header.printuserimg.small{margin:0;
 
 transform: translate(6px, 4px);
 }#my-account{display:none;
 }#account-topbutton{margin-left:2px;
 }}