body{background-color:#000;color:#fff;margin:0;font-family:Red Hat Display,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.rotate-3d{perspective:2000px;display:flex;flex-direction:column;align-items:left;overflow:hidden}.rotate-3d>a{display:inline-block;background-color:transparent;border:none;color:#fff;font-size:32px;padding:16pt;text-align:left;transform-style:preserve-3d;transform-origin:left;position:relative}.rotate-3d.loaded>a{transition:color .3s ease,transform .3s ease}.rotate-3d.loaded>a:hover{color:#ffffffb3}.rotate-3d.loaded>a:active{transform:rotateY(0) translate(0) translateZ(-80px)}