Cornfield mobile by kie0412

/* ==UserStyle==
@name         Cornfield mobile
@version      20230726
@namespace    ?
==/UserStyle== */

@-moz-document url-prefix("https://v2.horsereality.com/") {
@import url('https://fonts.googleapis.com/css2?family=Kalam&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kalam&display=swap');

:root
  {
--light-sage: #be834f;
    --check: #be834fb3;
    --picture-button: #becdad;
    --gold: #9c761;
    --light-brown: #d2c098;
    --light-green: #9c7f61;
    --gold-text: #35432d;
    --light-text: #dee5cf99;
    --sand: #9c7f6180;
    --body: #d2c098a3;
    --green-text: #030505;
    --gold-hover: #7d6146;
    --green-hover: #030504;
    --progress: #7d9469;
    --button: #9e6f48;
    --button-hover: #6a492a;
    --boxes: #9c7f61b3;
    --white: #ecdbb7d4;
   --odd: #d5ad7b33;
    --even: #ecc88d33;
    --mine: #db985eb0;
    --select: #7d6146b3;
    --top-hover: #be834f;
    
    --background: url(https://i.imgur.com/ZfG1Q6T.jpg);
    --title-font: "Kalam";
    --main-font: "Kalam";
  
       --horse-bg: url(https://i.imgur.com/A9cFpJc.png);
   --globe: url(https://i.imgur.com/A9cFpJc.png);
    
  
  }
html {

  font-size: 85%;


}
}

@-moz-document url-prefix("https://www.horsereality.com/") {
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair:wght@300&display=swap');
:root
  {--light-sage: #be834f;
    --check: #be834fb3;
    --picture-button: #becdad;
    --gold: #9c7f61;
    --light-brown: #d2c098;
    --light-green: #9c7f61;
    --gold-text: #35432d;
    --light-text: #dee5cf99;
    --sand: #9c7f6180;
    --body: #d2c098a3;
    --green-text: #030505;
    --gold-hover: #7d6146;
    --green-hover: #030504;
    --progress: #7d9469;
    --button: #9e6f48;
    --button-hover: #6a492a;
    --boxes: #9c7f61b3;
    --white: #ecdbb7d4;
   --odd: #d5ad7b33;
    --even: #ecc88d33;
    --mine: #db985eb0;
    --select: #7d6146b3;
    --top-hover: #be834f;
    
    --background: url(https://i.imgur.com/ZfG1Q6T.jpg);
    --title-font: "Playfair Display";
    --main-font: "Playfair";
  
       --horse-bg: url(https://i.imgur.com/A9cFpJc.png);
    --globe: url(https://i.imgur.com/A9cFpJc.png);
    
     
  }
html {

  font-size: 100%;


}
}

@-moz-document url-prefix("https://v2.horsereality.com") 
{

    .mobile-menu-container
    {
      background: var(--light-sage);
      font-family: var(--main-font);
      max-height: 100%;
      min-height: calc(100% - 49px);
      overflow-y: scroll;
      padding: 15px;
      position: fixed;
      z-index: 999;
    }
    .mobile-menu-container .ava img
    {
      border-color: var(--sand);
      border-width: 0px;
      border-style: solid;
      border-radius: 20px 20px 20px 20px;
      height:auto;
      width: 100%;
    }
    .mobile-menu-container .level p, .mobile-menu-container a, .mobile-menu-container ul li a
    {
      color: var(--light-text);
      font-family: var(--main-font);
      font-size: 13px;
      font-weight:400;
      line-height: 18px;
    } 
    .mobile-menu-container ul li .subtitle
    {
      color: var(--light-text);
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 5px;
      text-align: center;
    }
    div.progess
    {
      background: var(--progress);
      border-radius: 0.25rem;
      display: flex;
      font-size: 0.75rem;
      height: 1rem;
      overflow-x: hidden;
      overflow-y: hidden;
    }
    .progress-bar
    {
      background: var(--progress);
      display:flex;
      flex-direction: column;
      justify-content: center;
      text-align: center;
    }
    img.minimap alt="Africa City Map" title==Africa City Map" scr=url(https://i.imgur.com/A9cFpJc.png
    
}