/* Include Kablammo font using @font-face */
@font-face {
    font-family: 'Kablammo';
    src: url('kablammo-Regular.ttf') format('truetype');
}

/* Set the background color of the body */
body {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: tan;
    font-family: 'Kablammo-Regular', sans-serif; /* Use Kablammo font */
}

/* Container to hold the gerbil GIF and text */
.gerbil-container {
    position: relative;
    max-width: 300px; /* Maximum width */
    width: 90%; /* Take up 90% of the parent container */
    height: auto; /* Maintain aspect ratio */
    background-color: transparent; /* Ensure the container doesn't override the body background */
    text-align: center; /* Center the text */
}

/* Gerbil GIF styling */
.gerbil {
    display: block;
    margin: auto;
    width: 100%; /* Full width of the container */
    height: auto; /* Maintain aspect ratio */
}

/* Text container styling */
.text-container {
    margin-top: 20px; /* Space between the GIF and the text */
}

/* Message text styling */
.message {
    font-size: 18px; /* Adjust font size as needed */
    color: #333; /* Dark gray color for the text */
}