<style type="text/css">

  a:link {color: #000000}
  a:visited {color: #111111}
  a:hover {color: #0000FF}
  a:active {color: #000099}
  a.nodec {text-decoration: none}
  ul.nobullet {list-style-type: none}

  table.border {border-width: 3px 3px 3px 3px;
                border-spacing: 3px;
	        border-style: solid solid solid solid;
	        border-color: gray gray gray gray;
	        border-collapse: separate;
	        background-color: white;}

.main {
  padding=10px;
  border: 2px solid gold;
  max-width: 800px;
  margin: auto;
}

.wrap {
  display: flex;
  justify-content:left;
  //flex-direction:row;
  flex-flow: row wrap;
}

.wrap header{
  flex: 0 0 100%;
  background-color:rgba(0,0,0,1);
  max-height:100px;
}

.left {
  flex-basis:  20%;
  background-color: rgba(219,219,219,1.00);
  padding:5px;
}

.right {
  flex-basis: 75%;
  background-color: rgba(255,255,255,1.00);
  max-width: 560px;
  min-width: 150px;
  text-align: justify;
  padding-left: 15px;
}

.vignette{
  position:relative;
  border-radius: 50%;
  display: inline-block;
}

.vignette img{
  border-radius: 50%;
  display: block;
}

.vignette:after{
  content: "";
  display: block;
  width=100%;
  height=100%;
  background: radial-gradient(ellipse at center,rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 80%, rgba(255,255,255,1) 100%);
  position: absolute;
  border-radius:50%;
  top:0;
  left:0;
}
</style>
