/* Mew UI vars for THEME editor */      
:root {
    --primary: #19f5aa;
    --secondary: #47508b;
    --background: #1f285f;
    --highlight: #10218f;
}  
body, html {
    background: url('/assets/img/backgrounds/garden.png') no-repeat center center fixed;
    /* height: auto; */
    color: var(--primary);
    cursor: url("/assets/img/cursors/mgcursor.png"), default;
    font-family: "Jockey One", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-shadow: var(--highlight) 0 0.1rem 0.4rem;
}
a{
    color: var(--secondary);
    text-decoration: none;
}
a:hover{
    cursor: url("/assets/img/cursors/mgcursor_hov.png"), pointer;
    color: var(--primary);
}
.btn{
    cursor: url("/assets/img/cursors/mgcursor_hov.png"), pointer;
    background-color: var(--secondary);
    color: var(--primary);
    border: 2px solid var(--primary);
    border-radius: 10px;
    padding: 10px 20px;

}
.btn:hover{
                  cursor: url("/assets/img/cursors/mgcursor_hov.png"), pointer;    
                  background-color: var(--highlight);

}
.navbar{
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    height: 100px;
    background-color: var(--background);
    /* make everything stay on one line  */
    display: flex;
} 
      .sidebar{
        background-color: var(--background);
        border-right: 3px solid var(--secondary);
        position: fixed;
        top : 120px;
        bottom: 0;
        left: 0;
        width: 200px;
        padding: 0;
      }


 .header, .footer {
    background-color: var(--background);
    color: var(--primary);
    border-top: 3px solid var(--primary);
    border-bottom: 3px solid var(--primary);
    position: fixed;
    bottom: 0;
    width: 100%;
} 
.brandicon{
    height: 60px;
    width: 60px;
    margin-right: 10px;
}
.minipfp{
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin-right: 10px;
    border: 2px solid var(--primary);
}

/* MEW UI VERSION 0.0.1 */