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

/* Go to top button */
/*----------------------------------------------------------------------------*/
.glyphicon-chevron-top{
	font-family: "Glyphicons Halflings";
	color: var(--purple);
	content:"\e226";
}

/* Animated purple border button */
/*----------------------------------------------------------------------------*/
.animbtn{
display: inline-block;
text-align: center;
width: 100%;
height: 100%;
background-color: transparent;
}
.animbtn:before, .animbtn:after{
content: '';
position: absolute;
width: 0;
height: 0;
opacity: 0;
transition: all 0.4s, opacity 0.1s 0.4s;
}
.animbtn:after{
bottom: 0;
right: 0;
border-bottom: 2px solid var(--purple);
border-right: 2px solid var(--purple);
}
.animbtn:before{
top: 0;
left: 0;
border-top: 2px solid var(--purple);
border-left: 2px solid var(--purple);
}
.animbtn:hover:before, .animbtn:hover:after{
width: 100%;
height: 100%;
transition: 0.4s, opacity 0.1s;
opacity: 1;
}