/* loaded fonts */
@font-face { 
	font-family: "superbouncer"; 
	src: url("./fonts/SuperBouncer.woff2") format("woff2"), 
		url("./fonts/SuperBouncer.woff") format("woff"), 
		url("./fonts/SuperBouncer.ttf") format("truetype"); 
	font-weight: normal;
	font-style: normal; 
	font-display: swap; 
}
@font-face { 
	font-family: "an7"; 
	src: url("./fonts/ArialNarrow7.woff2") format("woff2"), 
		url("./fonts/ArialNarrow7.woff") format("woff"), 
		url("./fonts/ArialNarrow7.ttf") format("truetype"); 
	font-weight: normal;
	font-style: normal; 
	font-display: swap; 
}

/* default text */
body {
  line-height: 1.1;
  text-align: center;
	padding: 0 20px;
	max-width: 600px;
	margin: 0 auto;
	font-family: an7, Helvetica, Verdana, sans-serif;
	background: linear-gradient(90deg, rgba(0, 105, 112, 1) 0%, rgba(0, 122, 63, 1) 50%, rgba(0, 194, 161, 1) 100%);
	min-height: 100vh;
	color: black;
}

/* links */
a {
	color: blue;
}
a:hover {
	color: hotpink;
	background-color: lightblue;
}
a:visited {
	color: darkred;
}

/* headers */
h1, h2 {
  line-height: 0.1;
  font-family: superbouncer, helvetica, verdana, sans-serif;
  text-align: center;
}
h1 {
	Color: #96fff3; 
	font-size: 70px;
	text-shadow:
    -1px -1px 0 #000, 
    3px 3px 0 #000,
    5px 5px 8px #000;
    
}
h2 {
	Color: midnightblue; 
	font-size: 40px;
	text-shadow:
    -1px -1px 0 hotpink, 
    3px 3px 0 hotpink;
}

/* size modifiers */
small {
  font-size: 13px;
  line-height: 1;
}
large {
  font-size: 40px;
}

/* misc. special */
.boxed {
	background-color: #00ffd0;
	border: 2px solid midnightblue;
	border-radius: 10px;
	padding: 15px;
	margin: 40px 0;
	box-shadow: 0 20px 15px rgba(0,0,0,0.4);
}
.list {
	text-align: left;
}
.image {
	box-shadow: 0 20px 15px rgba(0,0,0,0.4);
}