/* styles-about.css */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
}

#main-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-family: "Comic Sans MS", cursive; /* Set Comic Sans font */
    color: red; /* Initial text color */
    text-shadow: 
    -2px -2px 0 rgb(15, 15, 15),
    2px -2px 0 rgb(15, 15, 15),
    -2px 2px 0 rgb(15, 15, 15),
    2px 2px 0 rgb(15, 15, 15);
    letter-spacing: 7px;
}
  
#camo-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#camo {
    position: absolute;
    width: 100px; /* Adjust the size as needed */
    height: auto;
    animation: spin 10s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}