body {
  margin: 0px;
}

.id {
  border-radius: 20px;
  width: 400px;
  
}

.id.caliana {
    border: 3px solid #763498;
      color:#763498;
}

.ana, .matt {
  border: 2px solid #763498;
  overflow: hidden;
  position: relative;
  width: 150px;
  height: 150px;
  border-radius: 7px; float: left;
  margin: 10px;
  margin-right: 5px;
  margin-bottom: 5px;
  background: url(https://i.pinimg.com/736x/d3/54/76/d3547609158f5924c63f357c33639d67.jpg) 100%;
}

.matt {
  border-color: #286815;
  float: right;
  background: url(https://i.pinimg.com/736x/dc/c4/bc/dcc4bc6166d92a598dc4d295045222e0.jpg);
}

.ana div, .matt div {
  width: 100%;
  height:100%;
  position: absolute;
  background-size: 100%;
}

@font-face {
  font-family: kink;
  src: url(https://file.garden/ZXJkOcYwORXn2d9V/kinkie%20regular.ttf)
}

.title.caliana {
  font-family: kink;
  font-size: 25px;
  width: 100%;
  padding-top: 10px;
  border-radius: 19px 19px 0px 0px;
  border-bottom: 2px solid #763498;
  background: url(https://i.pinimg.com/originals/19/da/8c/19da8c8918722ec250ade11251743522.png);
  background-size: 50%;
}

.id.caliana .mainbody {
  padding: 10px;
  width: 95%;
  
}
.id.caliana table.info {
  border-collapse: collapse;
  width: 50%;
  font-size:13px;
}

td, th {
  text-align: left;
  padding: 2px;
}

 td:nth-of-type(even) {
border-bottom: 2px dashed;
padding: 0px;
font-size:13px;
}