:root {
	--background-color: black;
	--global-font-size: 14px;
	--global-font-color: white;
	--global-line-height: 1.4em;
	--page-width: 90em;

    --global-font-color: rgb(230,230,230);
    --font-color: var(--global-font-color);
    /* --primary-color:  #9b51e0; */
    --primary-color:  #AF74E7;
    /* --primary-color:  #38b764; */
    /* --primary-color:  #FF3796; */
    /* --secondary-color: #73eff7; */
    --secondary-color: #00faac;
    /* --ternary-color: hsl(311, 100%, 69%); */
    /* --error-color: #ff3933; */
    --code-bg-color: rgb(30, 30, 30);
}

body {
    background-color: var(--background-color);
}

.image-grid {
	grid-gap: 2.5em;
}

.img-dim {
	opacity: 0.6 !important;
}

h1:after {
	display: none;
}

h1 {
	font-size: 2em !important;
}

h2 {
	font-size: 1.5em !important;
}

p {
	padding: 0px;
}

a {
	font-weight: bold;
}

.active a {
	text-decoration: none !important;
}

a:hover {
	color: white;
	outline: 1px solid white;
	outline-style: dashed;
	/* border-radius: 0; */
	/* border-style: dashed;  */
	/* filter: hue-rotate(60DEG); */
	filter: hue-rotate(80DEG);
	/* opacity: 0.8; */
	animation: 1s infinite reverse font-glitch;
}

/* img:hover {
	animation: 0.1s infinite normal img-shake steps(1);
} */

.terminal-nav {
	margin-top: 10px;
	margin-bottom: 10px;
}

.logo {
	font-size: 1.5em !important;
}

span {
	display: block;
	/* text-align: left; */
}

@keyframes font-glitch {
	0% {
		font-weight: 100;
		font-style: italic;
		text-transform: capitalize;
		text-align: left;
	}
	10% {
		font-weight: 900;
		text-decoration: line-through;
		text-transform: lowercase;
		text-align: right;
	}
	20% {
		font-weight: 400;
		font-weight: bold;
		text-decoration: none;
	}
	30% {
		font-weight: 300;
		font-style: normal;
		text-decoration: underline;
	}
	40% {
		font-weight: 900;
		text-decoration: line-through;
		font-style: italic;
	}
	50% {
		font-weight: 100;
		text-transform: lowercase;
		font-style: normal;
		text-decoration: overline;
	}
	60% {
		font-weight: 300;
		text-transform: capitalize;
		font-style: normal;
		text-decoration: none;
	}
	70% {
		font-weight: 600;
		text-transform: none;
		font-style: italic;
		text-decoration: line-through;
	}
	80% {
		font-weight: 200;
		font-style: normal;
		text-decoration: none;
		text-transform: none;
	}
	90% {
		text-transform: uppercase;
		font-weight: 900;
		font-style: normal;
	}
	100% {
		font-weight: 600;
		text-transform: lowercase;
		text-decoration: none;
	}
}

/* @keyframes img-shake {
	0% {
		transform: translate(1px, 2px);
	}
	33% {
		transform: translate(-1px, 1px);
	}
	66% {
		transform: translate(2px, -1px);
	}
	100% {
		transform: translate(0px, 1px);
	}
} */