@keyframes image-move{0%{transform:translate(0)}12.5%{transform:translate(5px,-10px)}25%{transform:translate(10px)}32.5%{transform:translate(15px,-10px)}50%{transform:translate(20px)}62.5%{transform:translate(15px,-10px)}75%{transform:translate(10px)}87.5%{transform:translate(5px,-10px)}to{transform:translate(0)}}@keyframes blink-code{0%,to{opacity:1}1%{opacity:0;color:var(--color-secondary)}2%{opacity:0;color:var(--color-accent)}3%{opacity:0}4%{opacity:1}5%{opacity:0}6%{opacity:1}10%{opacity:0}11%{opacity:1;color:var(--color-secondary)}12%{opacity:0}13%{opacity:1}30%{opacity:1}31%{opacity:0}32%{opacity:1}70%{opacity:1}71%{opacity:0}72%{opacity:1}}.not-found-component-container{position:relative;display:flex;align-items:center}.not-found-component-container .content{position:relative;transform:translateX(50px);padding-top:100px}@media(max-width:768px){.not-found-component-container .content{transform:translateX(0);padding-top:0}}.not-found-component-container .content h1{margin:0;font-size:40px;font-weight:400;text-transform:uppercase;line-height:22px;padding-left:38px}.not-found-component-container .content .error-code{font-size:120px;font-weight:900;line-height:120px}.not-found-component-container .content .error-code b{font-weight:900;animation:blink-code 3s linear infinite}.not-found-component-container .content .error-message{font-weight:400;font-size:20px;text-transform:uppercase}.not-found-component-container .content .error-link,.not-found-component-container .content .error-message{padding-left:38px}.not-found-component-container .image{position:relative;width:350px;color:var(--color-accent);animation:image-move 25s linear infinite}@media(max-width:768px){.not-found-component-container .image{display:none}}