--@font-face {
    font-family: fontforthis;
    src: url(Audrey-Normal.otf);
--}



body {
	background-color: #A4A4A2;
	background-image: url("butterfly.png");
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	background-position: center;
	font-family: "Times New Roman", Times, serif;
        background-size: cover;
}

#wrapper {
  margin-right: auto; 
  margin-left:  auto; 
  max-width: 900px; 
  padding: 10px; 
  border-radius: 5px;
  color: black;
  background-color: white;
background: rgba(255,255,255,.4);
text-align: center;
}
p {
	font-size: 1.3em;
}
li {
	font-size: 1.3em;
}
nav{
   
    list-style:none;
   
    padding:0;
    text-align:center;
	color: white
}
nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 1.5em;
}
#wrapper ul {
    text-align: center;
    list-style-position: inside;
}
nav li{
    display:inline;
}
nav a{
    display:inline-block;
    padding:20px;
}
/* Change the link color to #111 (black) on hover */
li a:hover {
    background-color: white;
}
/* visited link */
a:visited {
    color: #44471C;
}
h1 img{  
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 600px;
}
h2 {
	font-size:200%;
}
p { font-size:130%;
}
textarea {
    width: 50%;
    height: 150px;
margin: 0 auto; 
    box-sizing: border-box;
    border: 2px solid grey;
    border-radius: 4px;
    background-color: #f8f8f8;
	display: block;
 margin-top: .5em;
 font-family: "Times New Roman", Times, serif;
}
input[type=text] {
    display: block;
     width: 47%;
    height: 30px;
    padding: 12px 20px;
    border: 2px solid grey;
    border-radius: 4px;
	margin: 0 auto; 
	margin-top: .5em;
	font-family: fontforthis;
}
button {
	margin-top: .5em;
font-family: "Times New Roman", Times, serif;
}
	
#stuff img {
	border-radius: 50%;
	max-width: 80%;
}