*{
/*   border: solid 1px; */
  font-family: Helvetica Neue; 
  position: relative; 
}

html, body{
  width: 100%; height: 100%; 
  padding: 0px; margin: 0px; 
  
}

.page_title{
  margin-left: 60px; 
  margin-top: 40px; 
  color: rgba(0,0,0,0.5)
}

body{
 background-color: #d1d1d1; 
 border-top: solid 20px #f24;
 border-bottom: solid 20px #f24;
 background-image:  radial-gradient(#f24 0.5px, transparent 0.5px), radial-gradient(#5959FF 0.5px, #F7F7FD 0.5px);
 background-size: 20px 20px;
 background-position: 0 0,10px 10px;
 box-sizing: border-box;
 overflow: hidden;
  
}

.namecard{
  width: 350px; height: 200px;
  padding: 20px; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top: 100px; 
  background-color: #f7f7f7; 

  letter-spacing: 1.5px; 
  color: #666;
  
  overflow: hidden; 
  border-radius: 6px;
  border: solid 1px rgba(0,0,0,0.15);
  
  box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
    
} 

.namecard h2{
  font-size: 25px; 
  font-weight: 400;
}

.namecard h2 span{
  font-size: 12px; 
}

.namecard h5{
  color: #f24;
  font-size: 15px;
  font-weight: 200;

  }

.namecard p{
  font-size: 12px; 
  line-height: 18px; 
}

.circle{
  width: 100px; height: 100px; 
  border-radius: 100%; 
  position: absolute; 
  right: 100px; 
}

.circle1{
  right: 100px; 
  background-color: #f24; 
}

.circle2{
  width: 60px; height: 60px; 
  right: -30px; 
  top: -30px; 
  border: solid 3px #5959FF; 
  
}
.page_title{
  text-align: center; 
  color: #5959FF;
  font-weight: 500; 
}