body{
    background-color: lightblue;
}
#thumbnails {
	
    display: flex;
    flex-direction: column;
    padding:10px;
    background-color: white;
    border-radius: 30px;
    margin: 20px;
    filter: drop-shadow(20px 10px 0px rgb(95, 185, 215));
}

#stuff{
    display: flex;
    max-width: 1000px;
    margin: auto;
    flex-direction: column;
}
#top{
    text-align: center;
    padding:10px;
    background-color: white;
    border-radius: 30px;
    max-width: 600px;
    margin: auto;
    filter: drop-shadow(20px 10px 0px rgb(95, 185, 215));
}
#viewphoto{
    border-radius: 30px;;
}
#main {
	margin:auto;
	display: flex;
    flex-direction: row;
    max-width: 1000px;
}
#display{
    padding: 20px;
    background-color: white;
    border-radius: 30px;
    margin: auto ;
    filter: drop-shadow(20px 10px 0px rgb(95, 185, 215));
}

.thumb {
	width: 120px; 
	border: 0px solid black;
    display: flex;
    padding:10px;
    border-radius: 20px;;
}
#caption{
    text-align: center;
    padding:15px;
    margin: 20px;
    background-color: lightblue;
    border-radius: 30px;
}

@media screen and (max-width: 800px){
    #main {
        margin:auto;
        display: flex;
        flex-direction: column;
    }
    #thumbnails {
        display: flex;
        flex-direction: row;
        padding:10px;
        background-color: white;
        border-radius: 30px;
        margin: 20px;
        filter: drop-shadow(20px 10px 0px rgb(95, 185, 215));
    }
  }