body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    font-family: 'Orbitron', sans-serif; /* Updated font-family */
    background-color: #c00000; /* Bright red background */
}
h1 {
    font-size: 60px;
    line-height: 0px;
    color: #ffffff; /* White font color */
    display: flex;
    justify-content: center;
    align-items: center;
}
.fixed-width {
    width: 70px; /* Fixed width to keep text in position */
    text-align: center;
    display: inline-block;
    transition: width 0.5s ease-in-out; /* Add transition for width */
}
.spin {
    animation: spin 1s ease-in-out; /* Increased duration to 1s */
}
.spin-back {
    animation: spin-back 1s ease-in-out; /* Increased duration to 1s */
}
@keyframes spin {
    0% { transform: rotateY(0); }
    100% { transform: rotateY(360deg); }
}
@keyframes spin-back {
    0% { transform: rotateY(0); }
    100% { transform: rotateY(-360deg); }
}
img {
    width: 100px; /* Adjust the width as needed */
    height: auto;
}