body { /* Body Text Style */
	color: #333333;
    font-family: 'Montserrat', sans-serif; 
	    padding-top: 115px;
	background: url(images/gradient.jpg);/* Background Image Color*/

		background-repeat: no-repeat; /* Make sure image does not repeat */
        background-position: center; /* Center the image */
        background-size: cover; /* Have the image scale the enire background */
        background-attachment: fixed; /* Keep background fixed during scroll */
    }

h1, h2, h3 { /* Heading Text Style*/
    font-family: "Libre Baskerville", serif; 
    color: #c399f7; 
    margin-bottom: 10px;
}

h1 { 
    font-size: 25px;
    text-align: center;
}

h2 {
    font-size: 20px;
    margin-top: 30px;
}

h3 {
    font-size: 18px;
    margin-top: 20px;
}



p, li { /* Paragraph & List Text Style*/
    font-family: "Montserrat", sans-serif;
    font-size: 10px;
    color: #222222; 
    margin-bottom: 10px; /*space after each list*/
    line-height: 1.8; /*line spacing*/
}

.container { /* Text Background Image*/
    max-width: 900px; 
    margin: 50px auto;
    padding: 20px;
    background-color: rgba(255, 250, 250, 0.771); /*background color of the container*/

}

.hat-image {  /* Blue Hat Image Settings*/
    float: right; 
    width: 150px;  
}