html,
body,
.centerfold {
    margin: 0;
    height: 100%;
    overflow: hidden;
}

:root {
    --lavenderblue: #cce0ff;
    --cottoncandy: #ffcce6;
    --warmblack: #333333;
    --offwhite: #fafafa;
    --dreamgreen: #cfffcb;
    --summeryellow: #fff3b4;
}

body {
    background-color: var(--dreamgreen);
    color: var(--warmblack);
    font-family: Helvetica;
    z-index: 0;
}

img {
    display: block;
    width: 100%; /* or any custom size */
    height: 100%;
    object-fit: contain;
    z-index: 0;
}

a, a:visited
{
    text-decoration: none;
    color: var(--warmblack);
}

a:hover
{
    color: hotpink;
    font-weight: 1000;
}

.pseudowindow {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 0;
    padding: 10%;
    box-sizing: border-box;
    position: absolute;
}

.jinndititle
{
    position: absolute;
    display: block;
    font-size: 44pt;
    z-index: 2;
}

.jinndititle p
{
    position: relative;
    top: 100px;
    animation: bounce 0.5s infinite alternate;
}
@keyframes bounce
{
    100% { top: -100px; }
}

.footer
{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 20%;
    left: 10%;
}


.crow
{
    width: 77px;
    position: relative;
    bottom: 0;
    left: 0;
}

.footer a
{
    font-size: 22pt;
    margin-left: 50px;
}