/* STAR LETTER NEWSLETTER STYLING */

* {
  box-sizing: border-box;
}

html {
	background-image: url('../backgrounds/crobbg9.png');
	background-size: cover;
	background-attachment: fixed;
}

.container {
	padding: 40px;
	background-color: #f8d7ea;
	border-radius: 25px;
	width: 800px;
	height: auto;
	margin: auto;
}

p, h1, h2, h3, li, ul {
	font-family: 'Nunito';
	color: black;
}

h1 {
	font-size: 45px;
	color: #3a0083;
}

p, ul, li {
	font-size: 20px;
}

a.archive {
	font-family: 'Nunito';
	color: #9c009f;
	font-size: 25px;
	
}

@font-face {
  font-family: 'Nunito';
  src: url('../fonts/Nunito-Regular.woff2') format('woff2'),
  url('../fonts/Nunito-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

i {
	font-family: 'Nunito';
	font-size: 15px;
}

img.stars {
	width: auto;
}

.rss-button {
	border: 1px solid white;
	border-radius: 25px;
	background-color: #fac651;
	width: 50%;
	padding: 10px;
	font-size: 20px;
	font-family: 'Nunito';
}

input {
	border: 1px solid white;
	border-radius: 25px;
	background-color: #fac651;
	width: 20%;
	padding: 10px;
	font-size: 20px;
	font-family: 'Nunito';
}

input.a {
	background-color: white;
	width: 40%;
}

@media only screen and (max-width: 800px) {
	.container {
		width: auto;
	}
	img {
		width: 90%;
	}
	img.stars {
		width: 30%;
	}
}