html
{
	font-family: Arial;
  background-color: black;

}
body
{
  height:1800pt;
  margin:0px;
}

#title
{
  padding:1rem;
  background-color: #333;
  color: white;
  text-align: center;
  position:sticky;
  top: 0px;
  margin: 0px;
  
}
#topicon
{
  padding: 1rem;
  width:100%;
  margin:auto;
  max-width:125px;
}

.avatar
{width: 8rem; height: 8rem; border-radius:50%;
background-clip: content-box; background-size:cover; background-repeat: no-repeat;}

.vader
{
  background-image: url(https://projects.codecraftworks.com/web/c6tXy17nTyuquaaIJgsu/assets/vader.jpg);
  background-position:center;
  background-size:cover;
}

.content
{
	padding: 2rem;

}

.bubble
{
	max-width: 45%;
  margin: 3%;
  padding: 0px 20px;
 	clear:both;
  border: .5rem
}

.image{border-radius: .5rem}

.left
{
  background: linear-gradient(0deg, rgba(255,64,192,1) 0%, rgba(255,255,255,1) 100%);
	float: left;
  border-style: solid;
  border-color: rgba(255,0,0,1);
  border-radius: 1rem 1rem 1rem 0rem;
  box-shadow: 0rem 0rem 2rem rgba(255,0,0,1);
}

.right
{
  background: linear-gradient(0deg, rgba(0,192,255,1) 0%, rgba(255,255,255,1) 100%);
	float: right;
  border-style: solid;
  border-color: rgba(0,128,255,1);
  border-radius: 1rem 1rem 0rem 1rem;
  box-shadow: 0rem 0rem 2rem rgba(0,128,255,1)
}

.red
{
  background: linear-gradient(0deg, rgba(255,72,96,1) 0%, rgba(255,255,255,1) 100%);
  border-color: rgba(255,0,0,1);
  box-shadow: 0rem 0rem 2rem rgba(255,0,0,1);
}

.blue
{
  background: linear-gradient(0deg, rgba(0,192,255,1) 0%, rgba(255,255,255,1) 100%);
  border-color: rgba(0,128,255,1);
  box-shadow: 0rem 0rem 2rem rgba(0,128,255,1)
}

.green
{
  background: linear-gradient(0deg, rgba(0,255,0,1) 0%, rgba(255,255,255,1) 100%);
  border-color: rgba(0,128,0,1);
  box-shadow: 0rem 0rem 2rem rgba(0,128,0,1);
}

.purple
{
  background: linear-gradient(0deg, rgba(192,64,255,1) 0%, rgba(255,255,255,1) 100%);
  border-color: rgba(128,0,255,1);
  box-shadow: 0rem 0rem 2rem rgba(128,0,255,1)
}

.yellow
{
  background: linear-gradient(0deg, rgba(255,216,0,1) 0%, rgba(255,255,255,1) 100%);
  border-color: rgba(255,160,0,1);
  box-shadow: 0rem 0rem 2rem rgba(255,160,0,1)
}