/* empty container 03 reset all margins */
#empty_container_03_css h1,
#empty_container_03_css h2,
#empty_container_03_css h3,
#empty_container_03_css h4,
#empty_container_03_css h5,
#empty_container_03_css h6,
#empty_container_03_css p,
#empty_container_03_css a,
#empty_container_03_css ul {
  margin: 0;
  padding: 0;
}

/* empty container 03 container main */
.empty_container_03_main {
  display: grid;

  position: fixed;
  top: calc(-1 * var(--variable_spacing_01));
  left: 0;
  width: 100%;
  height: 0vh;

  z-index: 400;
  opacity: 1; /* initially hidden */
  pointer-events: none; /* avoid clicking on it */
  border-radius: var(--variable_borderradius_03); /* rounded corners */
}

/* empty container 03 container main after */
.empty_container_03_main::after {
  content: '';

  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  backdrop-filter: blur(80px); /* blur effect */
  -webkit-backdrop-filter: blur(80px); /* safari support */
}