:root {
	/* COLORS */
	--light-gray: rgb(214, 214, 214);
	--light-green: rgb(78, 142, 221);
	--hover-purple: rgba(197, 18, 125, 0.767);

	/* PAGE GLOBALS */
	/* background-color:var(--light-gray); */
	font-family: 'Roboto', sans-serif;
	background-color: var(--light-gray);
}
.boxShadow {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 8px;
}
.textShadow {
	text-shadow: 1px 1px 2px black;
}

/* COLOR CLASSES TO CHANGE BOOTSTRAPS */
.orange {
	background-color: chocolate;
}
.rebeccaPurple {
	background-color: rebeccapurple;
}
.lightBlue {
	background-color: rgb(56, 202, 238);
}
.lightGreen {
	background-color: var(--light-green);
}
.purple {
	background-color: rgb(87, 0, 128);
}
.yellow {
	background-color: rgb(214, 156, 123);
}
.lightGray {
	background-color: rgb(214, 214, 214);
}
.black {
	background-color: rgb(0, 0, 0);
}
.orange {
	background-color: chocolate;
}
.mainContainer {
	background-color: var(--light-gray);
}
/* NAV */
.navBar {
	background-color: var(--light-green);
}
.navLink {
	text-shadow: 1px 1px 2px black;
	font-size: 1.5rem;
	margin: 3px;
}
.navTitle {
	font-size: 30px;
}
.navActive {
	background-color: rgba(150, 11, 182, 0.767);
	border-radius: 5px;
}
/* END NAV */

/* ABOUT */
.headingTitle {
	font-weight: 700;
}
.avatar {
	object-fit: cover;
	object-position: center center;
	width: 265px;
	height: 280px;
}

/* END ABOUT */

/* PROJECT */
.projectCard {
	min-height: fit-content;
}
.projectImage {
	max-height: 175px;
	object-fit: cover;
}
.more {
	height: 50px;
	width: 50px;
}
.nodeIcon {
	height: 24px;
	width: 24px;
	object-fit: cover;
}
.roundedIcon {
	border-radius: 5px;
	height: 40px;
}
.projectTitle {
	font-size: 30px;
}
.view:hover {
	background-color: var(--hover-purple);
}
/* END PROJECT */

/* CONTACT */
.contactForm {
	border: 2px solid var(--light-green);
	border-radius: 10px;
}
.submit {
	border: none;
	border-radius: 8px;
	font-size: 20px;
}
.submit:hover {
	background-color: var(--hover-purple);
}

/* END CONTACT */

/* RESUME */
.downloadIcon {
	border-radius: 5px;
}
.downloadIcon:hover {
	background-color: var(--hover-purple);
}
.viewIcon {
	border-radius: 5px;
}
.viewIcon:hover {
	background-color: var(--hover-purple);
}
/* END RESUME */
/* @media */

.pulse {
	animation-name: pulse_animation;
	animation-duration: 5000ms;
	transform-origin: 70% 70%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.pulseHoverOnly:hover {
	animation-name: pulse_animation;
	animation-duration: 3500ms;
	transform-origin: 70% 70%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
/* PROJECT CARD IMAGE */
@media only screen and (max-width: 863px) {
	.projectImage {
		max-height: 130px;
	}
}
@keyframes pulse_animation {
	0% {
		transform: scale(1);
	}
	30% {
		transform: scale(1);
	}
	40% {
		transform: scale(1.08);
	}
	50% {
		transform: scale(1);
	}
	60% {
		transform: scale(1);
	}
	70% {
		transform: scale(1.05);
	}
	80% {
		transform: scale(1);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes pulseHoverOnly_animation {
	0% {
		transform: scale(1);
	}
	30% {
		transform: scale(1.08);
	}
	40% {
		transform: scale(1.5);
	}
	50% {
		transform: scale(2.5);
	}
	60% {
		transform: scale(1.75);
	}
	70% {
		transform: scale(1.5);
	}
	80% {
		transform: scale(1.25);
	}
	100% {
		transform: scale(1);
	}
}