style.css

body {
  margin: 0;
}
header {
  display: flex;
  background-image: url("https://raw.githubusercontent.com/green-fox-academy/myfirstapp-syllabus/master/assets/first-website-header.png");
  height: 400px;
  justify-content: center;
  align-items: flex-end;
  background-size: cover;
  background-position: center;
  resize: both;
  padding: 30px;
  box-sizing: border-box;
  margin-bottom: 50px;
}
#title {
  font-size: 250%;
  font-family: 'Abril Fatface', cursive;
}
.hi{ 
  margin: 0;
}
.anakin {
  margin: 0;
}
.contain {
  margin: 0 auto;
  width: 60%;
  padding: 0;
 
  line-height: 200%;
  font-weight: 300;
  font-family: 'Josefin Sans', sans-serif;
  
}
ul {
list-style-type: square;  
}
.writing {
  margin: 0 10%;
  font-size: 130%;
}
.writing2 {
  margin: 0 10%;
  font-size: 100%;
}
.writing2 h2 {
  text-transform: uppercase;
  line-height: 80px;
}
.writing2 p {
  line-height: 150%;
}
.writing2 h3{
  margin-bottom: 0;
}
.writing2 h4 {
  line-height: 100%;
  margin: 0;
  font-family: 'Merriweather', serif;
}
.quote {
  position: relative;
  text-align: center;
  background: #505050;
  color: white;
  font-size: 230%;
  padding: 5% 1%;
  font-family: 'Abril Fatface', cursive;
  line-height: 100%;
}
blockquote::before {
  position: absolute;
  content: open-quote;
  top: 15%;
  left: 1%;
  font-size: 230%;
}
blockquote::after {
  content: no-close-quote;
}
#interest {
  border-top: solid 3px black;
  margin: 0 5%;
  padding: 0 5%
}