body, .content
{
    text-align:center;
}
.content > h1, .content > p
{
    text-align:left;
}

#slideshow, #poem
{
    display:inline-block;
    margin:.5em 5% 3.5em;
    padding:1em 1.25em;
    width:30em;
    height:45em;
    overflow:hidden;
    background:#14141488;
    border-radius:.5em;
    box-shadow:0em 0em .25em .05em rgb(var(--nav-accent-color)), 0em 0em .25em .05em rgb(var(--nav-accent-color));
}
#slideshow
{
    position:relative;
    padding:0em;
    width:32.5em;
    height:47em;
}

#slideshow > img
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:1;
    transition:opacity 3.5s;
}
#slideshow > img.invisible
{
    opacity:0;
}

#poem > p
{
	display:flex;
    align-items:center;
    justify-content:center;
    margin-top:12.5%;/*7.5*/
    color:white;
	/*font-family:'Noto Serif JP', serif;*/
	font-size:1.5em;
	font-style:italic;
	word-spacing:.01em;
	line-height:2;
	text-decoration:none;
}
.content > p
{
	text-indent:1em;
}

#spotlight-video
{
    display:inline-block;
    width:90%;
    height:auto;
    margin:1.5em 0em;
    background:#14141488;
    border-radius:.5em;
    box-shadow:0em 0em .25em .05em rgb(var(--nav-accent-color)), 0em 0em .25em .05em rgb(var(--nav-accent-color));
}

@media only screen and (orientation:landscape), (min-width:1024px)
{
    #slideshow, #poem
    {
        width:25em;
        height:35em;
    }
    #slideshow
    {
        width:27.5em;
        height:37em;
    }

    #poem > p
	{
		font-size:1.3em;/*1.2*/
		line-height:1.75;
	}

    #spotlight-video
    {
        width:32em;
        height:18em;
    }
}