@import '_functions.scss';
/* #box {
	background-color: aquamarine;
	height: 80vh;
	margin: 2%;
	//	border-radius: 20px 0px 20px 0px;
	border-radius: 0px 20px 0px 20px;
} */

$accent-color: red;

body {
	background-color: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
}

* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: white;
}

#box {
	position: absolute;
	z-index: 999;
	border: 25px solid white;
	box-sizing: border-box;
	width: 100vw;
	height: 100vh;
	right: 0;
	bottom: 0;
	pointer-events: none;
	transition: border-color 0.5s ease-in-out;
}

a:hover ~ #box .colorBorder {
	border-color: $accent-color;
}
.title {
	font-size: 6vw;
	margin: 0;
	text-align: center;
}

.center {
	@include centerer();
}

.portfolio,
.lore,
.art {
	font-size: 3vw;
}

@keyframes LinkHover {
	from {
		color: white;
		//border: 25px solid white;
	}
	to {
		color: $accent-color;
		//border: 25px solid $accent-color;
	}
}