body{
    background: linear-gradient(
        to right, #EDEBE8, #EDEBE8 30%, #FFF 15%, #FFF);

    font-family: "Courier New";
    color:#545F66;
}

#image{
    width:80vw;
    height:86vh;
    display:block;
    position:relative;
    margin:auto;
    margin-top:7vh;
}

#image > img{
    height: 100%;
    width:100%;
    display:block;
    object-fit:contain;
}

#info{
    font-size: .6em;
    float:right;
    margin-top:1em;
    margin-right:10vw;
}

#name{
    font-size:1.2em;
}

#square{
    width:5vmin;
    height:5vmin;
    position:absolute;
    background-color: #000;
    display: inline-block;
    top: 3vh;
    right:3vh;
}

.arrow{
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    position:absolute;
    top:50vh;
    width: 2em;
    height: 2em;
}

#prev{
    left:5vh;
    transform: rotate(135deg);
}
#next{
    right:5vh;
    transform: rotate(-45deg);
}