.card {
	background-color: #c3c3c3;
	width: 1000px;
	padding: 15px;
	border: 5px solid;
	margin: 50px auto;
	border-style: outset;
	border-color: #8f8f8f;
}
body {
	background-color: #008080;
	font-family: "Verdana", sans-serif;
}

h1 {
	color: #ffffff;
	font-family: "Win";
	margin-top:-15px;
	margin-left:-14px;
	margin-right:-14px;
	font-size: 16px;
	background-color: #051bab;
}
.markus {
	border: 2px solid #000;
	animation: rainbow-color-change 3s linear infinite alternate;
	font-size: 15px;
}
img {
  border: solid 1px;
}

a:hover {
	color: green;
	font-family: "Comic Sans MS", sans-serif;
}

.gay {
    font-size: 42px;
    font-family: Arial Black, Gadget, sans-serif;
    animation: rainbow-color-change 3s linear infinite alternate;
}
/* this makes the text gay */
@keyframes rainbow-color-change {
    0%, 100% { color: #ff0000; } /* Red */
    14% { color: #ff8b00; } /* Orange */
    28% { color: #e8ff00; } /* Yellow */
    42% { color: #5dff00; } /* Green */
    56% { color: #00b9ff; } /* Blue */
    70% { color: #5d00ff; } /* Indigo */
    84% { color: #e800ff; } /* Violet */
}

/* custom font (i hope) */

@font-face {
  font-family: win; /* set name */
  src: url(w95.ttf); /* url of the font */
}

p {
  font-family: win; /* use font */
}

.small {
	background-color: #c3c3c3;
	padding: 5px;
	border: 5px solid;
	border-style: outset;
	border-color: #8f8f8f;
	margin: 10px;
}

