/* IMAGES */
img{
    width: 230px;
    height: auto;
    border-radius: 5px;
}

/* CONTENT */
body {
    margin: 0;
    font-family: Arial, sans-serif;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-box {
    width: 90%; /* Adjust the width as needed */
}

.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.redman {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 30px; /* Add margin for spacing between redman blocks */
}

.image-box {
    width: 100%;
    padding: 10px;
    max-width: 230px; /* Adjust the maximum width as needed */
    height: 180px;
    border: 1px solid #bbb;
    border-radius: 5px;
    margin-bottom: 10px; /* Add margin for spacing between image-box */
    transition: all 0.2s ease-out;
}
.image-box:hover {
    border: 1px solid #000f9e;
}

.text-box{
    width: 252px;
    height: 30px;
    margin-top: 10px;
}

.redman p {
    text-align: center;
    margin: 0; /* Remove default paragraph margin */
}

/* LINKS */
a{
    text-decoration: none;
    color: black;
}