.center {
	/*padding: 40px 0;
	text-align: center;*/

	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 40%;
  border-radius: 4px;
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
#photo {
	border: 1px solid #ddd;
	border-radius: 50%;
	padding: 5px;
	width: 200px;
	background-color: #ff8c00;
	box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
}
.image-circle {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	border-top: 2px dashed #ff8c00;
	border-right: 2px dashed #ff8c00;
	border-left: 2px dashed #000000;
	border-bottom: 2px dashed #000000;
	padding: 2px;
	animation: spin 10s infinite linear;
}
.image-circle img {
	animation: spin 10s infinite reverse linear;
	width: 100%;
	border-radius: 50%;
}
@keyframes spin {
	100% {
		transform: rotate(1turn);
	}
}