html {
    font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
    color: white;
    z-index: 1000;
    text-align: center;
    transform: translateY(-10px);
}

hr {
    margin-top: 30px;
    background-color: #56DE93; /* Sets the color */
    height: 4px; /* Makes the line thicker */
    border: none; /* Removes default border */
    border-radius: 2px; /* Makes the edges rounded */
}

a {
    color: #56DE93;
}

.error {
    color: #de5656; 
}

.galleryThree {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
    width: 100%;
    text-align: center;
}

.imageBlock {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.galleryThree img {
    border-radius: 25px;
    width: 250px;
    height: 250px;
    cursor: pointer;
}

.imageBlock a {
    font-size: 24px;
    margin-top: 10px;
    text-decoration: none;
    cursor: pointer;
}

.imageBlock a:hover {
    text-decoration: underline;
}