.banner{
  background-color: rgba(243, 220, 248);
  margin: 15px;
  padding: 10px;
  border: 3px solid #9735CF;
  box-shadow: 1px 3px 30px 1px #9100B2;
  text-transform: capitalize;
  text-shadow: 1px 1px #7551C9 ;
  font-family: Arial;
  height: 150px;
  text-align: right;
  font-style: oblique;
  background-image: url('background4.jpg');
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-size:cover;
}

h1{
  font-size: 0.7em;
}

#l1{
  border:#9100B2 1px solid;
  background-image:repeating-linear-gradient(	#CBA8D3, #D79DC8);
}
body{
  background-color: rgba(243, 220, 248);
}

.container{
  border:2px #9735CF solid;
  box-shadow: 1px 3px 30px 1px #9100B2;
  position: relative;
  top: 2px;
  margin: 15px;
  padding: 10px;
  height: 8300px;
  overflow: hidden;
  background-color: rgba(243, 220, 248);
  background-image: url('background4.jpg');
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-size:cover;
}

#logo{
  width: 120px;
  position: absolute;
  left: 50px;
}

hr{
 border-top: 10px dotted Purple;
 border-radius: 10px;
}

.clickable-box{
  width: 200px;
  height: 200px;
  border: 5px solid #6D3C71;
  border-radius: 10px;
  padding: 10px;
  text-align:center;
  background-color: #9A589E;
  cursor:pointer;
}