*{
    margin: 0;
    padding: 0;
}

main{
    width:70em;
    margin-left:10em;
}

 .border{
      background-color:#fff;
      
 }
 span{
     background-color:#ddd;
 }
 
 div{
     margin:10px;
     height:4em;
 }
 p{
     padding-top:1.5em;
     padding-left:2em;
 }
 
 .radius{
     border-radius: 1em;
 }
 .radius2{
     border-radius: 2em;
 }
 .topLeftRadius{
     border-top-left-radius: 2em;
 }
 .radiusMulti{
     border-radius: 1em 2em 3em 4em;
 }
 
 
 .cercle{
     border-radius:50% 50%;
     width:12em;
     height:12em;
     background-color:white;
     padding-top:2.5em;
     
     
 }
 
 .cercleColor{
     
    width: 0;
  height: 0;
  border-bottom: 6em solid  #ff00d7;
  border-top:6em solid #ff8bf6;
  border-left:6em solid purple;
  border-right:6em solid #d16bff;
  -moz-border-radius:6em; 
  -webkit-border-radius:6em; 
  border-radius: 6em;
}