/* styles.css */
body, html {
    height: 100%;
    margin: 0;
    font-family: Arial, sans-serif;
}

.content {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

#title {
    font-size: var(--title-size, 24px);
}

#paragraph {
    font-size: var(--paragraph-size, 16px);
}

.images img {
    width: var(--image-width, 200px);
    margin: 0 var(--image-gap, 10px);
}

.gallery {
    position: relative;
    display: inline-block;
}

.gallery .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(150%);
    cursor: pointer;
    background: none;
    border: none;
    font-size: 24px;
}

.gallery .arrow.left {
    left: -30px;
}

.gallery .arrow.right {
    right: -30px;
}

.gallery-img {
    width: var(--gallery-width, 300px);
    height: var(--gallery-height, 300px);
}

.footer-link {
    display: block;
    margin-top: 20px;
}