#w {
    position: fixed;
    left: calc(25vw);
    top: calc(50vh - 13vw);
    opacity: 0%;
    animation-name: o;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

#h {
    position: fixed;
    left: calc(35vw);
    top: calc(50vh + 5vw);
    opacity: 0%;
    animation-name: o;
    animation-duration: 1s;
    animation-delay: 5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

h1 {
    font-size: 1.3vw;
}

#q {
    position: fixed;
    left: calc(55vw);
    top: calc(50vh - 7vw);
    opacity: 0%;
    animation-name: o;
    animation-duration: 1s;
    animation-delay: 9s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

#n {
    position: fixed;
    left: calc(65vw);
    top: calc(50vh - 5vw);
    opacity: 0%;
    animation-name: o;
    animation-duration: 1s;
    animation-delay: 11s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes o {
    from {opacity: 0%;}
    to {opacity: 100%}
}