:root {
    --init-x: 0;
    --init-y: 0;
    --dest-x: 0;
    --dest-y: 0;
    --dest-z: 0;
}

.lingo {
    position: absolute;
    color: white;
    transform: translateZ(0);
    -webkit-animation: flythrough 5s forwards ease-in;
    transform-origin: center;
}

#flythrough {
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    display: flex;
    	 align-items: center;
	 justify-content: center;
    margin-top: -50vh;
    width: 80%;
    height: 200px;
    position:absolute;
    
}

@-webkit-keyframes flythrough {
    0% {opacity: 0; transform: perspective(0px) translate3d(var(--init-x),var(--init-y),0px);}
    50% {opacity: 0.7;}
    100% {opacity: 0; transform: perspective(500px) translate3d(var(--dest-x),var(--dest-y), var(--dest-z));}
}