body {
margin: 0;
padding: 3rem;
font-family: 'Georgia';
font-size: 1.1rem;
line-height: 1.5;
max-width: 46%;
    }

p {
margin: 0;
    }
.blank {
height: 1.5em;
    }

ul {
margin: 0;
margin-bottom: 1.3rem;
padding-left: 2ch;
list-style: disc;
    }

li {
margin: 0;
padding: 0;
    }

a {
color: inherit;
    }
a:hover {
  background-color: green;
  color: white;
  font-style: italic;
}

img {
display: block;
    }


@media (max-width: 800px) {
body {
max-width: none;
        }
    }

.hover-title {
    display: inline;
    pointer-events: auto;
    cursor: help;
}

.hover-image {
    visibility: hidden;
}

.hover-image-caption{
    visibility: hidden;
}

.hover-description-text{
    visibility: hidden;
}

.hover-text {
    visibility: hidden;
}

body:not(.mobile) .hover-title:hover ~ .hover-image{
    visibility: visible;
    pointer-events: none;

}

body:not(.mobile) .hover-title:hover ~ .hover-image-caption{
    visibility: visible;
    pointer-events: none;

}

body:not(.mobile) .hover-title:hover + .hover-description-text{
    visibility: visible;
    pointer-events: none;

}

.hover-image {
    display: flex;
    position: fixed;
    top: 50%;
    left: 75%;
    transform: translate(-50%, -50%);
    z-index: -1;
    pointer-events: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 35vw;
    height: 35vw;
}

.hover-image-caption {
    display: flex;
    position: fixed;
    font-style: italic;
    font-size: 0.9rem;
    top: 79%;
    left: 75%;
    transform: translate(-50%, -50%);
    z-index: -1;
    pointer-events: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 40vw;
    height: 40vw;
}

.hover-description-text{
    display: flex;
    position: fixed;
    top: 50%;
    left: 75%;
    transform: translate(-50%, -50%);
    z-index: -1;
    pointer-events: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 35vw;
    height: 35vw;
}

.hover-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin-bottom: 0;
}