h1 {color:#240654;}
html { 
  background: url("https://projects.codecraftworks.com/web/2UxNf6SKnCs6YzGXinLE/assets/pawel-czerwinski-wqyn1MWyOi8-unsplash.jpg");
}
#fixed-div {
	background-color: #D768ED;
  position: fixed;
  left: 1em;
  top: 10em;
  text-align:center;
  color:#1D181F
}
#sticky-div {
	background-color: #D768ED;
  color: #1D181F;
  position: sticky;
  top: 0;
  text-align: center
}
#title {
   padding: .7em;
   font-family: "Merriweather", sans-serif;
   margin: 0vh;  
   border-radius: 25px;
text-shadow: 1px 3px 3px #d768ed;
  margin: 1em 1em;
  color: #d768ed;
  font-size: 30px;
  text-align:center;
  box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#content {
  
  padding: 4vh;
  font-family: "Merriweather", sans-serif;
 
  margin-bottom: 28px;
  margin: 0vh;
   
  border-radius: 20px;
  color: #240654;
  font-size: 30px;
  text-align:center;
  box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#proj {
  text-shadow: 3px 3px 3px #d768ed;
}
.panel img{
 width: 20%;
  max-width: 100px;
  border-radius:20%;
  text-align: center;
}

#parent-div {
	width: 850px;
  height:75px;
  background-color: #D768ED;
}
#box1 {
	width: 50;
  background-color: lightblue;
  float: left;
}
#box2 {
	width: 70px;
  background-color: wheat;
  float: left;
}
#box3 {
	width:90px;
  background-color: plum;
  float: right;
}


#relative-div {
	background-color:#D768ED;
  color: #240654;
  position: relative;
  left: 150px;
  top: 25px;
}

#footer {
  text-align: center;
  font-family: Arial;
  width: 550px;
	height: 50px;
  background: radial-gradient(#b5d4e6,#fcc7fa, #B5D4E6, #f283ed);
  
  padding: 5px 0px 35px;
  border: solid; 
  color: #d768ed;
  margin-left: auto;
  margin-right: auto;
  border-radius:20%;
}