It

@import url("https://yessir13-sandbox.wdfiles.com/local--code/component%3Atheme/1");
 
:root {
 
  --logo-image: url("https://cdn.discordapp.com/attachments/857344291843866624/943555549805576302/The_Backrooms_logo-removebg-preview_1.png");
   --header-title: "Le Backrooms";
   --header-subtitle: "Sei già stato qui.";
 
   --header-height-on-desktop: 9rem;
   --header-height-on-mobile: 9rem;
 
    --white-monochrome: 223, 223, 223;
    --pale-gray-monochrome: 244, 244, 244;
    --light-pale-gray-monochrome: var(--pale-gray-monochrome);
    --very-light-gray-monochrome: 103, 190, 141;
    --light-gray-monochrome: var(--pale-gray-monochrome);
    --gray-monochrome: var(--dark-accent);
    --dark-gray-monochrome: var(--bright-accent);
    --black-monochrome: var(--dark-accent);
    --pale-accent: 221, 215, 167;
    --bright-accent: 207, 40, 53;
    --medium-accent: 18, 112, 62;
    --dark-accent: 2, 75, 36;
 
    --header-gradient-color-bottom: 207, 40, 53;
    --header-gradient-color-middle: 1, 147, 69;
    --header-gradient-color-top: 1, 147, 69;
    --swatch-menubg-color: var(--pale-gray-monochrome);
    --swatch-topmenu-border-color: var(--dark-accent);
    --link-color: var(--bright-accent);
    --hover-link-color: var(--link-color);
 
    --gradient-header: linear-gradient(
     to top,
     rgb(var(--header-gradient-color-bottom)) 0%,
     rgb(var(--header-gradient-color-middle)) 90%,
     rgb(var(--header-gradient-color-top)) 100%
    );
}
 
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    border: solid 1px white;
    text-shadow: 0 0 1px rgba(255,255,255,.25);
    background-color: black;
    background: black;
    box-shadow: 0 1px 3px rgba(0,0,0,.8);
}
 
blockquote
  {
    border: 2px #019345;
    color: black;
    background-color: #f5f5f5;
    padding: 10px;
    margin: 0px;
    border-left: 4px solid #0C6435;
  }
 
/* Mobile Compatibility */
@media (max-width: 878px) {
 
.mobile-top-bar {
    display: none;
    position: absolute;
    left: 1em;
    bottom: 0;
    z-index: 0;
}
 
#header::before {
   top: 1rem;
}
 
#header h1, #header h1 a {
   font-family: 'Kdam Thmor Pro', sans-serif;
   top: 2.1rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   z-index: 0;
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   font-family: 'Montserrat', sans-serif;
   top: 2.6rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
}