html {
	background-color:#0F292F;
	background-position: left top;
	font-size: 0.875em;
	font-family: Helvetica,sans-serif;
}

body {

  display: static;
  justify-content: center;
  width: 50vw;
  height: 50vh;
  }
nav {
display: inline;
color: white;
  padding: 10px;
}
header {
  color: #CCCCCC;
  width: 600px;
  background-color: #14A098;
  align-items:  center;
  padding: 0px;
}
  img{
  	display: right;
  	align-content:center;
  	border: double;border-top-left-radius: 5px;
  	border-color: #CCCCCC;
  }
  article{
  	color: white;
  	width: 400px;
  	background: #501F3A;
  	margin-top: 50px;
  	font-size: 15px;
  	  }
  h1{
    border: 1px;
    border-color: red;
  }
  h2{
  	align-content: left;
    padding: 2%;
    background-color: #CB2D6F;
    border: dotted 2px;
    border-color: white;
    border-radius: 20px;
    border-width: 2px;
    color: white;
    width: 140px;
  }
  p{
    color: white;

  }
  li{
  	display: block;
  	border: 5px;
  	border-color: red;
  }
  footer{
  	border: 5px;
    border-color: seagreen;
    color:#CCCCCC;
    font-size: small;
  }
  a:visited {
  color: red;
}
a:hover {
  color: #FF00CC;
}
a:link {
  color: #CCCCCC;
.btn{
  $gradient: linear-gradient(45deg, pink, skyblue);
  box-sizing: border-box;
  box-shadow: none;
  border: none;
  font: 2em/1 sans-serif;
  padding: 30px 100px;
  letter-spacing: 5px;
  color: black;
  border: solid 8px transparent;
  border-image: $gradient;
  border-image-slice: 2;
  background: $gradient;
  -webkit-background-clip: text;
  background-clip: text;
  text-fill-color: transparent;
  }