/* i've been waiting on you https://www.youtube.com/watch?v=upPl9mZW_zw
*/

.container {
  position: relative;
  max-width: 700px;
  padding: 0 18px 0 18px;
  margin: 75px auto;
  font-family: 'Fira Sans', sans-serif;
  }
  
.header {
 text-align: center;
}
  
p, ul, li {
	font-weight: 400; 
	font-size: 22px; 
	line-height: 140%;
	color: rgb(13, 55, 51);
	}

h1 {  
	color: rgb(0, 0, 0);
	font-size: 50px; 
	font-weight:700;
	line-height: 30%;
	color: rgb(13, 55, 51);
	}

h2 {
	font-size: 35px;  
	font-weight:800; 
	font-style: italic;
	color: rgb(13, 55, 51);
	}
	
hr {
 	border:none;
	border-bottom: 1px solid rgb(0,0,0,0.25);
	}

body { 
	background-color: rgb(253, 228, 94); 
	}

b {
	font-weight:600;
	}

a, a:visited {
	background-color: rgb(255,255,255);
	color: rgb(13, 55, 51);
	}

a:hover {
	background-color: rgb(13, 55, 51);
	color: rgb(255,255,255);

	}

/* newsletter form, but make it ~ FASHION ~ */

input,textarea {
	width: 100%;
	}
	
input {
	margin: 10px 0 10px 0; 
	padding: 15px; 
	box-sizing: border-box; 
	border-radius: 15px; 
	border: 1px solid; 
	font-size: 18px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	}
	
input[type=email] {
	max-width: 66%; 
	font-size: 18px; 
	margin-right:10px;
	}
	
input::placeholder {
	color:rgb(13, 55, 51, 0.50);
	}
	
input[type=submit] {
	max-width: 30%; 
	background-color: rgb(255, 200, 0); 
	color: rgb(0, 0, 0);
	cursor: pointer;
	font-weight:800; 
	font-style: italic;

	}
	
input[type=submit]:hover {
	background-color: rgb(255, 200, 0,0.4); 
	}

/* form has been fashioned */

/* hey, remember, you changed initial-scale from its default in the HTML! remember!!! for the future */