Practicing Themes by AndromedaSmiles

/* ==UserStyle==
@name           Learn to Code
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */


@-moz-document url-prefix(https://v2.horsereality.com/), url-prefix("https://www.horsereality.com/") {
    
    
@font-face {
  font-family: 'Playwrite AU VIC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playwriteauvic/v9/bWtu7enUfwn0Hf1zjprKOJdcDy8rxwC1ltAeNDAAd4fTabKx.woff2) format('woff2');
}

@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXX3I6Li01BKofIMNaDRs4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

    @font-face {
  font-family: 'Monsieur La Doulaise';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/monsieurladoulaise/v18/_Xmz-GY4rjmCbQfc-aPRaa4pqV340p7EZm5ZyEA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
    
    .main-content {
        padding:15px;
        background: #0623359c;
    }
    .side-nav {
        padding: 10px;
        background: #0623359c;
    }
    
    
    .horse-item .content {
        overflow: hidden;
        border-radius: 200px 200px 40px 40px; 
        background: #125572;
        box-shadow: 7px 4px 8px 1px rgba(9, 14, 19, .77);
        
    }
    
    
    .horse-item h2 {
        font-size: 14px;
        font-weight: 400;
        color: #daeaff;
        font-family: 'Playwrite AU VIC';
        
    }
    
    .horse-item .tagline {
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
    display: block;
    letter-spacing: 0;
    color: #e9efff;
    font-family: 'Nunito';
    }
    
    .horse-item .breed-and-age {
    font-size: 13px;
    line-height: 21px;
    display: block;
    letter-spacing: 0;
    color: #030d27;
    font-family: 'Nunito';
}
    
    .horse-stats .horse-stat-energy i {
    color: #a8aabd;
}
    
    body.background.australia {
    background-image: var(--background);
}
body.background.europe {
    background-image: var(--background);
}
body.background.africa {
    background-image: var(--background);
}
body.background.north-america {
    background-image: var(--background);
}
body.background.asia {
    background-image: var(--background);
}
body.background.south-america {
    background-image: var(--background);
}
    
   .horse_banner.asia {
    background-image: var(--horse-bg)!important;
     background-size: cover;
} 
    .horse-grid .horse-item .image {
    background-image: var(--horse-bg)!important;
}

  .tabs .tab {
    position: relative;
    z-index: 2;
    margin-right: 3px;
    transition: all .2s;
    border-radius: 8px 8px 0 0;
    background: #71cdeb85;
    font-family: 'Nunito';
     
}
 .tabs .tab.active {
    background:#062335b0;
}   
    
    .tabs .tab>span, .tabs .tab a, .tabs .tab button {
    color: #daeaff;
}
    
    .tabs .tab:not(.creating):not(.active):hover {
    background: #c3d4e300;
}
        
.side-nav ul .subtitle {
    font-size: 14px;
    font-weight: 700;
    color: #68798f;
    text-transform: Capitalize;
    font-family: 'Nunito';
}
    .side-nav ul a {
    font-size: 13px;
    font-weight: 700;
    color: #a0a7b1;
    font-family: 'Nunito';
}
 .side-nav ul a:hover {
    color: #183448;
    text-decoration: none;
   
}
    
    .horse-filters-search input {
    width: 100%;
    height: 32px;
    padding: 3px 10px 3px 30px;
    border: 0;
    border-radius: 50px;
    background: #eaf0f2ab;
}
    
.header-menu {
    background: #0623359c;
}
    .header-menu .user-nav a {
    vertical-align: middle;
    font-size: 15px;
    color: #daeaff;
    font-family: 'Nunito';
}
    
    .header-menu .user-nav a:hover {
    text-decoration: none;
    color: #183448;
}
    
    .header-menu .currencies li a:hover {
    text-decoration: none;
    color: #183448;
} 
    
.header-menu .currencies li a {
    font-size: 13px;
    color: #daeaff;
    display: flex;
    font-family: 'Nunito';
    
}
    
h1 {
    font-size: 50px;
    line-height: 70px;
    font-family: 'Monsieur La Doulaise';
    font-weight: 500;
    margin-bottom: 15px;
    color: #fff;
    
}
    img[src="https://www.horsereality.com/images/world/ava-asia.png"] {
    content: var(--map)
}
    

    /* Insert code here... */

:root {
    --background: url(https://i.imgur.com/MIIAIIR.png);
    --horse-bg: url(https://i.imgur.com/MIIAIIR.png);
    --map: url(https://i.imgur.com/9LXgw2l.png);
















    }
}