:root{
      /*default*/
      --white: white;
      --dark: rgb(52, 39, 39);
      --pink: rgb(237, 127, 127);
      --pink-darker: rgb(236, 82, 82);
      --yellow : rgb(232, 159, 33);
      --light-dark : rgb(#212529);
}
/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: var(--light-dark);
  }
  
  #preloader:before {
    content: url('assets/img/logo/preloader-animation-logo.gif');
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
  }