body {
    font-family: 'Sorts Mill Goudy';
    width: 80%;
    height: 100%;
    margin-left:auto;
    margin-right:auto;
    margin-top: auto;
    padding: 0;
}

.preview-overlay {
    display: none; /* Hide the overlay by default */
    position: absolute; 
    top: 50%;         /* Adjust vertical position */
    left: 50%;        /* Adjust horizontal position */
    transform: translate(-50%, -50%); /* Center the overlay */
    width: 400px;     /* Set preview width */
    height: 300px;    /* Set preview height */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Add a subtle shadow */
    border: 1px solid #ccc; /* Add a border */
}

.preview-link:hover + .preview-overlay {
    display: block; /* Show the overlay on hover */
}

.preview-iframe {
    width: 100%;
    height: 100%;
    border: none; /* Remove iframe border */
}