@import url('https://fonts.googleapis.com/css2?family=B612+Mono:ital,wght@0,400;0,700;1,400;1,700&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');

body {
font-family: "B612 Mono", monospace;
opacity: 0.8;
background-color: #3b3b3b;
background: repeating-linear-gradient(-45deg, #3b3b3b 0px, #3b3b3b 5px, transparent 5px, transparent 8px), repeating-linear-gradient(45deg, #3b3b3b 0px, #3b3b3b 5px, transparent 5px, transparent 8px), linear-gradient(#50515a,#50515a);
color: #f5f5f5
}

ul {
  list-style-type: '⟡  ';
}

.bigdiv {
  padding: .5rem;
margin: 0 auto;
max-width:35rem;
min-height:25rem;
border-left: whitesmoke .1rem solid;
background: #282828;
text-align: center;
}
.maindiv {
  margin: .2rem;
padding: .5rem;
background: #1e1e1e;
border-radius: .5rem;
text-align: left;
}

.nav {
  margin: 0 auto;
padding: .5rem;
font-size: .8rem;
background: #1e1e1e;
border-radius: .5rem;
max-width: 20rem;
}

header {
  margin: .2rem;
font-weight:bolder;
font-size: 2.5rem;
text-shadow:0px 4px 0px #b23e35;
}

footer {
margin: .2rem;
}

/* unvisited link */
a:link {
  color: lightskyblue;
}

/* visited link */
a:visited {
  color: #eee8aa;
}

/* mouse over link */
a:hover {
  color: palegoldenrod;
  text-decoration: underline;
  font-weight: bolder;
  cursor: alias;
}

/* selected link */
a:active {
  color: palevioletred;
  cursor: alias;
}

.myButton {
	box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
	background-color:#fc8d83;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.myButton:hover {
	background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
	background-color:#e4685d;
}
.myButton:active {
	position:relative;
	top:1px;
}