@keyframes appear{from{transform:translateY(4%);opacity:0%}to{transform:translateY(0%);opacity:100%}}@keyframes scroll{0%{transform:perspective(400px) translate3d(-50%, -25%, 0.5em) rotateX(90deg);opacity:20%;box-shadow:0 0.05em 0.1em rgba(25,42,65,0.4)}25%{transform:perspective(400px) translate3d(-50%, 0, 1em) rotateX(0);opacity:100%;box-shadow:0 0.4em 0.8em rgba(25,42,65,0.2)}50%{transform:perspective(400px) translate3d(-50%, 25%, 0.5em) rotateX(-90deg);opacity:20%;box-shadow:0 0.05em 0.1em rgba(25,42,65,0.4)}75%{transform:perspective(400px) translate3d(-50%, 0, 0) rotateX(-180deg);opacity:0%;box-shadow:0 0.025em 0.05em rgba(25,42,65,0.6)}100%{transform:perspective(400px) translate3d(-50%, -25%, 0.5em) rotateX(-270deg);opacity:20%;box-shadow:0 0.05em 0.1em rgba(25,42,65,0.4)}}.header{overflow:hidden}h1{text-indent:-99999px;min-height:200px;min-width:200px;width:30vw;height:30vh;background:transparent url("/logo") no-repeat center center;background-size:contain;margin:0;padding:0;animation:appear .6s ease-out}.header a{display:block;text-indent:-99999px;position:relative;bottom:0}.header a:before{position:absolute;content:"↓";transform-style:preserve-3d;text-indent:0;display:block;width:2em;height:2em;line-height:2em;font-size:2em;left:50%;background:#fbf56c;border:.05em solid #192A41;color:#192A41;border-radius:.2em;transform:translateX(-50%);backface-visibility:hidden;animation:scroll 2.6s linear infinite}
/*# sourceMappingURL=styles.css.map */