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



.container {
  min-height: 100vh;
}



section {
    position: absolute;
    top: 0;
    height: 100vh;
    width: 0;
    opacity: 0;

} 

section h1 {
    color: #fff;
    font-size: 50px;
    text-transform: uppercase;
    opacity: 0;
}

/* Styles applied on trigger */
section:target {
    opacity: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 130%;
}

section:target h1 {
    opacity: 0;
    animation: 2s fadeIn forwards .5s;
}

#first {
  background:var(--primary-color);
}
#vault {
    background: #131722;
}

#stats {
    background: var(--contrast-color);
}

#trending {
    background: #131722;
}

@keyframes fadeIn {
    100% { opacity:1 }
}