@charset "UTF-8";

body{
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	
}

p{
		
	}

a:link{
	color:indigo;
	text-decoration: none;
}

a:visited{color:greenyellow;
}

a:hover{color:black;
}

a:active{color: orange;
}


h1{
	
}

span.largertype{
	font-size: 36px;
	font-style: italic;
	
}

nav ul li {
	list-style-type: none;
	display: inline-block;
	margin: 10px 5px 10px 5px;
	
}
nav ul li a:link{
	color: deeppink;
	
}
nav ul li a:visited{
	color:black;
	
}

p.introtext{
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 2em;}



.circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  animation: color-change 3s infinite;
}

@keyframes color-change {
  0% {
    background-color: burlywood;
  }
  25% {
    background-color: yellow;
  }
  50% {
    background-color: blue;
  }
  75% {
    background-color: green;
  }
  100% {
    background-color: palevioletred;
  }
}

article{background-color: aqua}

.green{
	background-color: #AFEFA9;
}
.magenta{
	background-color: #E47AFE;
}