/* Basic CSS resets -- leveling slight inconsistencies in browsers */
html, body {
	margin:0px;
	padding:0px;
	height:100%;
}

html {
		/* Standard text-settings below */
	font-size: 1em;
    line-height: 1.4em;
}




body {

font-family:georgia, palatino, baskerville;
background: rgb(200,133,205);
background: radial-gradient(circle, rgba(200,133,205,0.9346332282913166) 0%, rgba(191,148,255,1) 53%, rgba(116,139,255,1) 100%);  
color: rgb(82, 18, 102);
margin: 6px;    
    
	
	
}


#container {
    border:1px solid rgb(149, 124, 191);
    background:rgb(218, 196, 255);
    width:90%;
    max-width:800px;
    margin:auto;
    padding:15px;
    
	
}


nav ul{
 
 list-style:none;
 padding-left:0px;
    
}

nav.horizontal li{
   
    display:inline;
    
}

nav a{
    color:rgb(109, 77, 163);
    text-decoration:none;
    background:rgb(231, 217, 255);
    padding:5px;
    margin:5px;
    display:inline-block;
    /*width:200px;*/
    text-align:center;
    border-radius:4px;
    
}

nav a:hover{
    background:rgb(238, 181, 255);
    
    
}

figure{
    
    margin:0px;
    
}

figure img{
    
    width:100%;
    
}

figcaption, footer{
    
    font-size:0.75em;
    
}