body {
    background: rgb(39, 39, 39);
    animation: bganimation 25s ease-in-out infinite;
}
.header {
    color: rgb(255, 145, 0);
    font-size: 10vw; /* Responsive font size */
    font-weight: bold;
    margin: 0 auto; /* Center the text container */
    margin-top: 70px;
    padding: 10px;
    width: 50%;
    text-align: center; /* Center text */
    position: absolute; /* Position text */
    top: 0%; /* Position text in the middle */
    left: 50%; /* Position text in the middle */
    transform: translate(-50%, -50%); /* Position text in the middle */
    font-family: monospace;
    text-shadow: -1px -1px 0 #000, 5px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    animation: moving_welcome 1.6s ease-in-out infinite;
    animation-fill-mode: both;

}
.footer {
   position:fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   text-align: center;
   color: rgb(255, 145, 0);
   background-color: #3e3e3f;
   font-family: monospace;
   padding: 10px;
}
.message{
    color: rgba(0,0, 0,0);
    font-size: 2vw; /* Responsive font size */
    font-weight: bold;
    margin: 0 auto; /* Center the text container */
    margin-top: 11%;
    padding: 10px;
    width: 50%;
    text-align: center; /* Center text */
    position: absolute; /* Position text */
    top: 0%; /* Position text in the middle */
    left: 50%; /* Position text in the middle */
    transform: translate(-50%, -50%); /* Position text in the middle */
    font-family: monospace;
    text-shadow: -1px -1px 0 rgba(0,0, 0,0), 1px -1px 0 rgba(0,0, 0,0), -1px 1px 0 rgba(0,0, 0,0), 1px 1px 0 rgba(0,0, 0,0);
    animation: fadeIn 2s ease-in-out 1;
    animation-delay: 1s;
    animation-fill-mode: forwards; 
}
#check_later{
    margin-top:15% !important;
    animation-delay: 2s !important;
}
@keyframes bganimation {
    50% {background: rgb(37, 43, 53)}
}
@keyframes moving_welcome {
    0% {margin-top: 5%;}
    50% {margin-top: 6%;}
    100% {margin-top: 5%;}
}
@keyframes fadeIn {
    0% {
        color: rgba(0,0, 0,0);
        text-shadow: -1px -1px 0 rgba(0,0, 0,0), 1px -1px 0 rgba(0,0, 0,0), -1px 1px 0 rgba(0,0, 0,0), 1px 1px 0 rgba(0,0, 0,0);
    }
    100% {
        color: rgb(255, 145, 0);
        text-shadow: -1px -1px 0 #000, 5px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }
}