*{margin:0;padding:0;box-sizing:border-box}body{font-family:ROBOTO,sans-serif}.nav,.slider{flex-direction:column;justify-content:center;align-items:center;height:100vh;position:relative;text-align:start}.nav h1,.slider h1{font-family:unitea,sans-serif;font:700;font-weight:800;font-size:5vw;margin:0;padding-bottom:.5rem;letter-spacing:.4rem;transition:all .3s ease;z-index:-50}h1:hover{transform:translate3d(0,-10px,22px);color:#47c2cb}.slider h2{font-size:2vw;letter-spacing:.1rem;z-index:-50}.slider h2,h3.span{font-family:ROBOTO,sans-serif;font-weight:300;color:#faebd7}h3.span{font-size:1vw;z-index:50}h3.span,h3.spanx{letter-spacing:.1em}h3.spanx{font-size:1.2vw;font:700;font-family:ROBOTO,sans-serif;font-weight:700;color:#782a90;z-index:4}