/* Styles used only on index.html */

.aboutme {  
	width: 100%;
	max-width: 480px;
	height: 33vw;
	border-radius: 30px 0 0 30px;
	padding: 20px;
	margin-bottom: 80px;
	float: left;  
	clear: right;  
  }
  
  #profilepicture {
	width: 100%;
	min-width: 200px;  
	min-height: auto;
	max-width: 28vw;
	height: auto;
	border-radius: 30px 0 0 30px;
	float: left;
  }
  
  .intro {  
	width: 100%;
	min-width: 240px;
	min-height: 290px;
	max-width: 27vw;
	height: 33vw;
	border-radius: 30px 0 0 30px;
	padding: 20px;
	float: left;
	clear: right;  
  }

#aboutmedescription {
	text-align: justify;
	padding-top: 20px;
	padding-bottom: 50px;
}

#aboutme {
	padding-bottom: 20px; 	
  }
  
  #name {
	font-size: var(--font-size-rem2);
	
  }
  
  #job {
	font-size: var(--font-size-rem1_5);
	padding-bottom: 10px; 	 	 	
  }
  
  #place {
	font-size: var(--font-size-rem1);
	padding-bottom: 20px; 	 	 	
  }

  #email {
	font-size: var(--font-size-rem1);
	padding-bottom: 20px; 	 	 	
  }

  .socialicons{
	width: 32px;
  }

  .iconbutton {  
	border-style: solid;
	padding: 2px;
	border-radius: 5px;]
  }