/*  STYLESHEET FOR: Preloader

Index:
+ VARIABLES
+ PRELOADER
  - Background
  - Img container
  - Img specifications
  - Animation
*/


/* ######################## VARIABLES ######################## */
:root{
    --base-color1: #cdd751; /*#e17743*/ /*#cdd751*/
    --base-color2: #929497;
    --base-color3: #1e56a2;
    --dark-text: #222222;
    --light-text: #f5f5f5;
    --light-bg: #eeeeee;
    --dark-bg: #0a1b2c;

    --font-base: 'Libre Franklin', sans-serif;
}


/* ######################## PRELOADER ######################## */
/* Background */
.preloader {
    position: fixed;
    z-index: 999999;
    background-color: var(--light-bg);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

/* Img container */
.img-preloader{
    width: 10rem;
    height: 10rem;
    position: absolute;
}

/* Img specifications */
.img-preloader img{
    width: 10rem;
    height: auto;
    animation: pulse 0.8s infinite ease-in-out;
    position: absolute;
    top: 25%;
    left: auto;
    /* transform: translate(-50%, -50%);*/
}

/* Animation */
@keyframes pulse {
    0% {
        transform: scale(1);
      }
      50% {
        transform: scale(1.1);
      }
      100% {
        transform: scale(1);
      }

/* Prev
    0%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }*/
}