main {
    text-align: center;
}

#art {
  height: 100vh;
  margin: 0 auto 160px; 
  text-align: center
}

#art:last-child {
  margin: 0 auto 100px; 
}

#art img {
    max-width: 100%; 
    max-height: 100%;
}

#art.collections {
    height: auto;
    max-width: 450px;
    margin: 0 auto 60px;
}


div.collections {
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
    padding: 0 20px;
}

.collections p {
    padding-top: 10px;
}

p {
    margin: 20px auto; 
    color: #d55782; 
    font-size: 20px; 
    font-family: sans-serif; 
    opacity: .7;
}    
    
a {
    color: #d55782; 
    text-decoration: none;
}

a:hover {
    color: #fff;
}

#footer {
    text-align: center;
    padding-bottom: 80px;
}

img {
	animation: fadeInAnimation ease 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}



@media only screen and (max-width: 600px) {
  #art {
    height: auto;
    margin: 0 auto;
  }
}