@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Raleway);
/* CSS Document */

.print_button{
      position: sticky;
      margin-top: 10px; 
      padding: 10px 20px;
      background-color: #4CAF50;
      color: white;
      font-size: 16px;
      border: none;
      border-radius: 5px;
      cursor: pointer;
}

.body_container{
	max-width: 1400px;
	margin: 200px auto 20px auto;
	transition: ease-in-out 0.9s;
}

.docard_holder{
	width: 100%;
	text-align: center;
}

.doc_card {
  max-width: 200px;
  width: 100%;
  height: 100%;
  display:inline-grid;
  font-family: arial;
  margin: 1%;
  webkit-animation: float-minimal 3s infinite;
  animation: float-minimal 3s infinite;
  padding: 20px;
  transition: 0.9s ease-in-out;
}

.doc_card:hover{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.profile_pix img{
	width: 150px;
	height: 170px;
}

.doc_card h1{
	text-align: left;
	top: 10px;
	font-size: 20px;
	transition: ease-in-out 0.9s;
}

.doc_card p{
	text-align: left;
	top: 10px;
	transition: ease-in-out 0.9s;
}

.docard_canvas{
	overflow:hidden;
	background:none!important;
	width:100%;
}

@media print {
  body * {
    visibility: hidden;
  }

  #printSection, #printSection * {
    visibility: visible;
  }
  
  #printSection {
    position: absolute;
    left: 0;
    top: 0;
  }
}