@font-face {
    font-family: Typewriter;
    src: url('MonospaceTypewriter.ttf');
}
* {
    font-family: Typewriter;
}

/* BUTTONS */
button {
    color: black;
    background: #F2F2F2;
    font-weight: bold;
    font-family: Typewriter;
    border: 1px solid #127A20;
    width: 200px;
    height: 40px;
    transition-duration: 0.2s;
    cursor: pointer;
    border-radius: 4px;
    font-size: 85%;
    margin: auto;
    display: block;
}

button:hover {
    color: #FFF;
    background: #5AC467;
}

.infinity {
    color: #FFF;
    background: #1F1F1F;
    border: 1px solid #B67F33;
}

.infinity:hover {
    color: #000;
    background: #B67F33;
}

.eternity {
    color: #b341e0;
    background: black;
    border: 1px solid #b341e0;
}

.eternity:hover {
    color: #511568;
    background: white;
}

.quantum {
    color: #32c832;
    background: #0a640a;
    border: 1px solid #32c832;
}

.quantum:hover {
    background: #32c832;
    color: #0a640a;
}

.fundament {
	background: linear-gradient(#0c0033, #2e0033) !important;
	box-shadow: inset 0px 0px 24px 0px black;
	border: 1px solid;
	animation: fundamenttext 4s linear infinite
}

.fundament:hover {
	box-shadow: inset 0px 0px 12px 0px #420072
}

.ant {
	background: black;
	border: 2px solid #4c4c4c;
	color: #727272;
	text-shadow: 0px 0px 1px #4c4c4c, 0px 0px 2px #4c4c4c, 0px 0px 3px #4c4c4c
}
.ant:hover {
	background: #333;
	cursor: pointer
}

@keyframes fundamenttext { 
	0%{
		border-color: #690072;
		color: #e0ace5;
		text-shadow: 0px 0px 3px white, 0px 0px 6px #d200e5;
	}
	50% {
		border-color: #1c0072;
		color: #baace5;
		text-shadow: 0px 0px 6px white, 0px 0px 6px #3900e5;
	}
	100%{
		border-color: #690072;
		color: #e0ace5;
		text-shadow: 0px 0px 3px white, 0px 0px 6px #d200e5;
	}
}