#page404{position:fixed;inset:0;overflow:hidden}#page404 .pyramid{border:100vw solid #0000;border-top-width:0;border-bottom:120vw solid #e8a653;width:0;height:0;position:absolute;bottom:0;right:50vw;transform:translate(0)}#page404 .sand{background:#ffbd4d;width:100%;height:9vw;min-height:8rem;position:absolute;bottom:0}#page404 .ternary-system{position:absolute;bottom:0;left:82vw;transform:translate(-100%)}#page404 .sun{background:#ffde72;border-radius:50%;position:relative}#page404 .sun.primary{width:1rem;height:1rem;position:absolute;top:15vw;left:5vw}#page404 .sun.secondary{width:16vw;max-width:6rem;height:16vw;max-height:6rem;position:absolute;top:5vw;left:11vw}#page404 .sun.ternary{width:80vw;max-width:800px;height:80vw;max-height:800px;right:0;transform:translate(10.8rem)}#page404 .pendulums{perspective:400px;width:50px;height:200px;position:absolute;top:-120px;right:35vw}#page404 .pendulum{width:50px;height:200px;position:absolute;top:0;left:50%;right:44%;transform:translateZ(-300px)translate(-50%)}#page404 .pendulum.shadow{transform-origin:50% 0;top:263%;bottom:0;left:-65%;transform:translate(-50%)scaleY(-1)scaleZ(2)rotateY(-30deg)rotateX(-75deg)translateZ(300px)}#page404 .pendulum .bar{background:#333;width:20px;height:200px;display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#page404 .pendulum .string{background:#333;width:2px;height:150px;position:absolute;left:50%;transform:translate(-50%)}#page404 .pendulum .weight{background:#333;border-radius:50%;width:50px;height:50px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}#page404 .pendulum .motion{transform-origin:50% 10px;width:50px;height:200px;animation:1.6s ease-in-out infinite swing;position:absolute}#page404 .pendulum.shadow .bar,#page404 .pendulum.shadow .string,#page404 .pendulum.shadow .weight{background:#3d3a34}#page404 .text{width:auto;font-size:2.6rem;position:absolute;bottom:63vh;right:18vw;transform:translateY(50%)}#page404 .title{text-align:center;text-transform:uppercase;color:#222;margin:0;font-size:1em;font-weight:300;line-height:1.3em}#page404 .title strong{font-size:2em;font-weight:700;line-height:1em;display:block}#page404 .title em{letter-spacing:.29em;margin-left:.25em;font-size:1.899em;font-style:normal;font-weight:400;line-height:1em}#page404 p{color:#222;text-align:right;margin:0 17px;padding:0;font-size:.6em;position:absolute;left:50%;transform:translate(3.2em)}@keyframes swing{0%{transform:rotate(-45deg)}50%{transform:rotate(45deg)}to{transform:rotate(-45deg)}}@media only screen and (orientation:portrait){#page404 .text{font-size:7vw;top:10%;right:50%;transform:translate(50%)}#page404 .title{font-size:1em}}