style.css

html {
	background-color:#2F2087;
	color:#EEF9FC;
}  

body {
    line-height: 1.6;
		font-family: 'Libre Franklin', sans-serif;
  }
 
article {
		min-width:30em;
    max-width: 40em;
    margin: 0 auto;
    padding: 20px;
  }

figure {
	margin:0 auto;
	text-align:center;
}

figure::after{
	font-family: 'Bebas Neue', sans-serif;
	font-size:4em;
	content: "~~~~~~~~~~~~";
	display:block;
	margin: -5.5em 0 4em -2.5em;
	letter-spacing:-.18em;
	transform:rotate(-5deg);
}

figcaption, figure::after{
	color:#5EB1BF;
}

figcaption{
	font-size:5em;
	margin:-1.25em auto 0 2em;
	transform:rotate(-5deg);
	font-family: 'Caveat', cursive;
}

figure img {
	border-radius:1rem;
	height:300px;
	margin:0 auto;
}

h1 {
	color:#EEF9FC;
	text-align:center;
	font-size:4.5rem;
	font-family: 'Bebas Neue', sans-serif;
	margin:0;
	line-height:.9em;
	padding-bottom:.5em;
	margin-bottom:.5em;
	border-bottom:2px solid #5EB1BF;
}

h1 span {
	color:#5EB1BF;
	font-family: 'Caveat', cursive;
	font-size:5.5rem;
	font-weight:normal;
}