@font-face {
  font-family: "lain";
  src: url('./lain.ttf');
}

body {
	font-family: monospace;
	background-color: #003f5c;
	color: #bc5090;
	font-size: 2em;
}

h1 {
	color: #ff6361;
	font-family: lain;
}

@keyframes hrmation {
  0% {
    color: #00ff1b;
  }
  50% {
    color: #005e0a;
  }
  100% {
    color: #00ff1b;
  } 
}

hr {
	animation: hrmation 3s ease-in-out 0s infinite alternate none;
	width: 50%;
	color: lime;
}

.navigation {
	font-family: lain;
}

.navbtn {
	background-color: #002d42;
	border-radius: 25px;
	width: 25%;
}

.navbtn:hover {
	background-color: #001c29;
}

a {
	color: #df9b00;
	text-decoration: none;
}

a:hover {
	color: #f8ff00;
}