* {
    margin: 0; padding: 0; border: 0; box-sizing: border-box;
}

body {
    background-color: rgb(51, 199, 215);
    color: rgb(246, 109, 177);
    font-family: verdana;
    background-image: linear-gradient(rgb(51, 199, 215), rgb(255, 0, 212));
    /* background-attachment: fixed; */
}

#container {
    width: 90%; 
    margin: auto; 
    background-color: rgba(50,50,50,.4);
    border: 4px solid black;
}

h1, p {
    text-align: center;
}
h1 {
    font-family: "Lobster Two";
    text-shadow: 2px 8px 6px rgb(95, 1, 61);
    font-size: 300%;
}

.homebutton {
    text-align: center;
    padding: 10px;
}


/* big picture styles */

figcaption {
    border: 4px solid rgb(0, 0, 0);
    width: 1000px;
    position: absolute;
    background-color: rgba(250,250,250,.3);
    padding: 10px;
    text-align: center;
    line-height: 1; font-size: 14pt;
    left: 17%;
    color: white;
} 



.bigpicture {
    text-align: center;
    margin-top: 5%;
}

a[role=prev], a[role=next] {
    display: block;
    width: 80px; height: 80px;
    position: absolute;
}


/* prev and next button styles */

a[role=prev] {
    top: 10%; left: 10%;
}
a[role=next] {
    top: 10%; right: 10%;
}