* {
	margin: 0;
	padding: 0
}

html,css {
	width: 100%;
	height: 100%
}


#workarea {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #1e1a3e;
	font-family: Raleway
}

#personal {
	text-decoration: none;
	position: absolute;
}

.spot {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.svg-wrapper {
	margin-top: 6px;
    margin-left:-2px;
	position: relative;
	width: 993px;
	height: 529px;
	display: inline-block;
	border-radius: 3px;
}

#shape {
	stroke-width: 6px;
	fill: transparent;
	stroke: #C1082B;
	stroke-dasharray: 85 400;
	stroke-dashoffset: -220;
	transition: 1s all ease
}

#text {
	margin-top: -35px;
	text-align: center
}

.svg-wrapper:hover #shape {
	stroke-dasharray: 50 0;
	stroke-width: 5px;
	stroke-dashoffset: 0;
	stroke: #C1082B
}