body { background-color: #f6f9fe; background: rgba(39,55,77,1); background: linear-gradient(0deg, rgba(39,55,77,1) 0%, rgba(246,249,254,1) 50%); } @media (max-width: 992px) { .error-404 img { padding-left: 5rem!important; padding-right: 5rem!important; } } .error-404 .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #27374D; --bs-btn-border-color: #526D82; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #526D82; --bs-btn-hover-border-color: #27374D; --bs-btn-focus-shadow-rgb: 49, 132, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #27374D; --bs-btn-active-border-color: #526D82; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #526D82; --bs-btn-disabled-border-color: #27374D; } #handboy { animation: swing ease-in-out 1.3s infinite alternate; transform-origin: 98% 98%; transform-box: fill-box; } #girllight { animation: swing ease-in-out 1.3s infinite alternate; transform-origin: 0% 97%; transform-box: fill-box; } #hairgirl { animation: swinghair ease-in-out 1.3s infinite alternate; transform-origin: 60% 0%; transform-box: fill-box; } #zero { transform-origin: bottom; transform-box: fill-box; } /*************swing************/ @keyframes swing { 0% { transform: rotate(10deg); } 100% { transform: rotate(-10deg); } } /*************swing hair************/ @keyframes swinghair { 0% { transform: rotate(6deg); } 100% { transform: rotate(-6deg); } }