.container{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}body{background-color:#fff;overflow:hidden}.error404page{width:400px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.body404,.chair404,.eyes404,.head404,.laptop404,.leftarm404,.leftshoe404,.legs404,.rightarm404,.rightshoe404{background:url(https://cdn.gruporedux.com.br/assets/img/bg/404-character-new.png) no-repeat;width:200px;height:200px}.body404,.chair404,.eyes404,.head404,.laptop404,.leftarm404,.leftshoe404,.legs404,.newcharacter404,.rightarm404,.rightshoe404,.torso404{background-size:750px;display:block;position:absolute}.newcharacter404{width:400px;height:800px;margin-left:-200px;top:20px;left:50%}.torso404{transform-origin:50% 100%;height:252px;animation:20s infinite sway;top:138px}.body404,.torso404{width:389px;display:block;position:absolute;left:0}.body404{height:253px;top:0}.head404{transform-origin:50% 85%;background-position:0 -265px;width:160px;height:194px;animation:20s infinite headTilt;position:absolute;top:-148px;left:106px}.eyes404{background-position:-162px -350px;width:73px;height:18px;animation:10s step-end infinite blink404,10s ease-in-out infinite pan;position:absolute;top:92px;left:34px}.leftarm404{transform-origin:9% 35%;background-position:-265px -341px;width:165px;height:73px;top:159px;left:0;transform:rotate(0)}.leftarm404,.rightarm404{animation:.4s linear infinite typeLeft;position:absolute}.rightarm404{transform-origin:90% 25%;background-position:-442px -323px;width:157px;height:91px;top:148px;left:231px}.chair404{background-position:-12px -697px;width:260px;height:365px;position:absolute;top:430px;left:55px}.legs404{background-position:-381px -443px;width:370px;height:247px;position:absolute;top:378px;left:4px}.leftshoe404{background-position:-315px -749px;width:130px;height:92px;position:absolute;top:591px;left:54px}.rightshoe404{transform-origin:35% 12%;background-position:-453px -749px;width:135px;height:81px;animation:1s linear infinite tapRight;position:absolute;top:594px;left:187px}.laptop404{transform-origin:50% 100%;background-position:-2px -466px;width:365px;height:216px;animation:.4s linear infinite tapWobble;position:absolute;top:186px;left:9px}@keyframes sway{0%{transform:rotate(0)}20%{transform:rotate(0)}25%{transform:rotate(4deg)}45%{transform:rotate(4deg)}50%{transform:rotate(0)}70%{transform:rotate(0)}75%{transform:rotate(-4deg)}90%{transform:rotate(-4deg)}to{transform:rotate(0)}}@keyframes headTilt{0%{transform:rotate(0)}20%{transform:rotate(0)}25%{transform:rotate(-4deg)}35%{transform:rotate(-4deg)}38%{transform:rotate(2deg)}42%{transform:rotate(2deg)}45%{transform:rotate(-4deg)}50%{transform:rotate(0)}70%{transform:rotate(0)}82%{transform:rotate(0)}85%{transform:rotate(4deg)}90%{transform:rotate(4deg)}to{transform:rotate(0)}}@keyframes typeLeft{0%{transform:rotate(0)}25%{transform:rotate(7deg)}75%{transform:rotate(-6deg)}to{transform:rotate(0)}}@keyframes typeRight{0%{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(7deg)}to{transform:rotate(0)}}@keyframes tapWobble{0%{transform:rotate(-.2deg)}50%{transform:rotate(.2deg)}to{transform:rotate(-.2deg)}}@keyframes tapRight{0%{transform:rotate(0)}90%{transform:rotate(-6deg)}to{transform:rotate(0)}}@keyframes blink404{0%{background-position:-162px -350px}94%{background-position:-162px -350px}98%{background-position:-162px -368px}to{background-position:-162px -350px}}@keyframes pan{0%{transform:translate(-2px)}49%{transform:translate(-2px)}50%{transform:translate(2px)}99%{transform:translate(2px)}to{transform:translate(-2px)}}
