* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
 

.Poppins_1 {font-family: 'Poppins Regular';}
.Poppins_2 {font-family: 'Poppins Medium';}

body {
font-family: 'Poppins Regular'; 
/*  background: #f5fdf7;*/
  background: #ccc;
  color: #1a1a1a;
  height: 100vh;
}
#main-container-outer {
  padding: 0px;    position: relative; height: 100vh; background: #fff;
    transition-timing-function: linear; transition:0.4s;  border-radius:10px;
}
#main-container {
  padding: 0px; 
  margin: 0px;  position: relative; height: 100vh; width: 100%; background: #fff;
    transition-timing-function: linear; transition:0.4s;  overflow:hidden; border-radius:10px;
}

.fade-container {
  opacity: 1; 
}

.fade-container.fade-out {
  opacity: 0;
}

.fade-container.fade-in {
  opacity: 1;
}