body{
    background-color: rgb(39, 39, 39);
    margin: 0; padding: 0; width: 100vw; height: 100vh; /*Make sure body stretches across viewport*/
    position: relative;
}

#left-arrow-hover, #right-arrow-hover{
    display: none;
}

#left-arrow:hover #left-arrow-no-hover,
#right-arrow:hover #right-arrow-no-hover{
    display: none;
}

#left-arrow:hover #left-arrow-hover,
#right-arrow:hover #right-arrow-hover{
    display: inline;
}

#left-arrow img, #right-arrow img {
    width: 12vw;
    height: auto;
}

#left-arrow{
    position: fixed;
    left: 4vw;
    top: 50%;
    transform: translateY(-50%);
}

#right-arrow{
    position: absolute;
    right: 4vw;
    top: 50%;
    transform: translateY(-50%);
}

#main-image {
    display: inline-block;
    width: auto; height: auto;
    max-width: 60vw;
    max-height: 90vh;
    border-radius: 2vmin;
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}

#spinner-loading {
    display: inline-block;
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    animation: loading 3s linear infinite;
    z-index: 1;
}

#spinner-loading img {
    width: 5vmin;
    height: auto;
}

@keyframes loading {
    0% { transform: rotateZ(0deg);}
    100% { transform: rotateZ(360deg);}
}

#back{
    position: fixed;
    left: 6vmin;
    top: 6vmin;
}

#back img {
    width: 7vmin;
    height: auto;
}