:root {
    --fontbig: "Nunito", sans-serif;
    --fontsmall: 'ms ui gothic';

    --outline: #81001e;

    --background-img: url('/themes/cherry/background.png') repeat 0 0;
    --background-anim: bg-anim 3s infinite;

    --headerimg: url('/themes/cherry/68.gif') repeat 0 0;

    /*PRIMARY COLOURS*/
    --p-main: #ff2659;
    --p-dark: #dd0034;
    --p-highlight: #ffccdfb0;
    --p-catchlight: #ffccdf;

    /*SECONDARY COLOURS*/
    --s-main: #ffb5d5;
    --s-dark: #ff8ec6;
    --s-highlight: #ffedf6;

    /*DARK COLOURS*/


    /*GREY COLOURS*/
    --white: white;
    --g-shadow: #dadada;
    --g-outline: grey;
    

    /*BLINKIES*/
    --blinkie1: url('/themes/cherry/blinkie1.gif');
    --blinkie2: url('/themes/cherry/blinkie2.gif');
    --blinkie3: url('/themes/cherry/blinkie3.gif');

    /*STAMPS*/
    --stamp1: url('/themes/cherry/stamp1.gif');
    --stamp2: url('/themes/cherry/stamp2.png');


    /*RABBITS*/
    --updatehead: url('/themes/cherry/head.png');
    --welcomerabbit: url('/themes/cherry/welcomerabbit.png');



    /*TRANSPARENTS*/
    --shadow: #00000041;

}

h2::before {
  content: "\f004";
  font-family: 'Font Awesome';
  font: var(--fa-font-solid);
  margin-right: 5px;
}

/*BACKGROUND ANIM*/
@-webkit-keyframes bg-anim {
  0% {
   background-position: 54px 54px;
  }
}
@-moz-keyframes bg-anim {
  0% {
    background-position: 54px 54px;
  }
}
@-o-keyframes bg-anim {
  0% {
   background-position: 54px 54px;
  }
}
@keyframes bg-anim {
  0% {
   background-position: 54px 54px;
  }
}