body {
    background-image: url("https://kittymanya.neocities.org/graphics/2744059i0zfs52h48.jpg");
    background-color: rgb(0, 0, 0);
    background-repeat: repeat;
    background-attachment: fixed;
    font-family: 'Comic Sans MS';
}

.flex {
    display: flex;
    justify-content: center;
}

.all {
    display: block;
    max-width: 825px;
    min-width: 825px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}

.warning {
    border: ridge rgb(251, 255, 0) 5px;
    border-radius: 15px;
    background-image: url("https://kittymanya.neocities.org/graphics/back-299.gif");
    padding: 15px;
}

.side {
    width: 20%;
    margin-top: 33px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.mid {
    margin: 0;
    width: 60%;
    background: rgba(0, 0, 0, 0.5); 
    border: outset rgb(0, 17, 255) 5px;
    border-radius: 25px;
    position: relative;
    /* This padding was creating the gap at the bottom */
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 450px; 
}

.enterpic {
    width: 100%;
    height: auto;
    /* In the previous version, this didn't have display: block */
}