html, body {
  overscroll-behavior-x: none;
}

body{
  padding: 0;
  margin: 0;
  width: 100vw;
  height: 100vh;
  cursor: url('./IconPointer.svg'), auto;
}

.loader{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #e9e9e2;
}

.bgImageInitial {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("./BgSplashWeb.png");
  height: 100vh; /* Full height */
  width: 100vw; /* Full width */
  background-color: #e9e9e2; /* Background color to contrast video */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  justify-content: center;
}

.logo{
  animation: scale 1s infinite ease-in alternate;
}

@keyframes scale{
  from {width:0;height: 0;}
  to {width: auto;height: auto;}
}
@keyframes scale {
  0%   {transform: scale(0.8);}
  100%  {transform: scale(1.2);}
}