Head{
  background-color: black;
  position: sticky;
  top: 0;
  text-align: center; 
}
body {
  margin: 0;
  font-size: 1em;
  font-family: sans-serif;
}
header {
	background-color:#61476C;
  text-align: center; 
  color:white;
  }
Nav{
    display: flex;
  justify-content: center;
  padding: 20px;
  font-weight: bold;
  background-color: #211C38; 
  margin: 0;
} 
nav a {
  margin: 0px 10px;
  text-decoration: none;
  font-size: 20px;
  color: white;
}

  Main { 
    width: 15em;
    height: 4em;
   background-color:gradient;
   padding: 1em; 
   text-align: right;
   
} 

html  { 
  background: url("https://projects.codecraftworks.com/web/BIIvG9LF6QyWn9AglX6E/assets/pur.jpeg");
  background-position: center;
  background-repeat: no repeat;
  background-size: cover;
  height: 100%;

}
figure{ 
  float: left;
  text-align: right;
 
}
figure{
  font-size: 1em;
  width:16em;
  text-align:right;
  
}
section {
  background-color: lightgrey;
  padding: 25px 10px;
  font-size: 20px;
  text-align: center;
  float: bottom right;
  
}
@media screen and (min-width:768px){
  #content{
    display:flex;
   flex-direction: row;
  }