body {
margin: 0;
background: #1a1a1a;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
overflow: hidden;
text-align: center;
}

.error-code {
font-size: 10rem;
font-family: 'font-xtra';
color: var(--white);
animation: pulse 1.5s infinite ease-in-out;
}

@keyframes pulse {
0% { transform: scale(1); opacity: 1; }
50% { transform: scale(1.1); opacity: 0.8; }
100% { transform: scale(1); opacity: 1; }
}

.error-message {
font-size: 1.5rem;
margin-bottom: 30px;
color: #ccc;

}

.back-button {
display: inline-block;
padding: 12px 24px;
background-color: var(--red-color);
color: #fff;
text-decoration: none;
border-radius: 5px;
transition: background 0.3s ease;
}

.back-button:hover {
background: #7c1616ff;
}

@media (max-width: 600px) {
.error-code {
font-size: 6rem;
}

.error-message {
font-size: 1.2rem;
}
}