.business-card1 {
	display: grid;
	overflow: hidden;
	position: relative;
	line-height: 1.5;
	font-size: 2.3vmin;
	width: 60vmin;
	height: 30vmin;
	padding: 7vmin;
	border: 2px solid red;
	linear-gradient(45deg, rgb(252, 115, 156) 0%, rgb(139, 102, 241) 100%);
	
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.4);
	background: white;
}

.business-card {
	display: grid;
	overflow: hidden;
	position: relative;
	line-height: 1.5;
	font-size: 2.3vmin;
font-size: clamp(12px, 2.3v, 22px);
	width: 60vmin;
	height: 30vmin;
	padding: 7vmin;
  border: 2px solid transparent;
  border-radius: 7px;
  background: 
    linear-gradient(45deg, white, white), 
    linear-gradient(45deg, rgb(206, 58, 120), rgb(105, 72, 198) 80%); 
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.4);

}

.content {
	z-index: 2;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	font-family: Arial, 'Lucida Sans Unicode', sans-serif, Helvetica ;
	color: #2c2c2c;
	margin-left: -0.5vmin;

}

.top {
	display: grid;
	grid-column: 1;
	grid-row: 1;
	align-content: start;
	grid-gap: 1.5vmin;
	animation: inLeft;
	animation-duration: 1s;
}

.name {
	font-size: 2em;
	font-weight: 700;
	line-height: 0.5;
}

.profession {
	color: #696969;
	//text-transform: uppercase;
	font-size: 1em;
	font-weight: 500;
}

.bottom {
	display: grid;
	grid-column: 1 / 2;
	grid-row: 3;
	grid-template-columns: 1fr 1fr;
  	align-content: end;
	
	.left {
		//font-weight: 700;
		font-size: 0.9em;
		grid-column: 1;
		animation: inLeft;
		animation-duration: 1s;
	}
	
	.right {
		grid-column: 2;
		align-self: end;
		animation: inRight;
		animation-duration: 1s;
	}
}

.website {
	font-weight: 400;
}

.location {
	white-space: nowrap;
	text-align: right;
	text-transform: uppercase;
	font-size: 0.9em;
}

html {
	height: 100%;
}

body {
	background: rgb(237, 237, 237);
//	background: linear-gradient(45deg, rgb(252, 115, 156) 0%, rgb(139, 102, 241) 100%);
//	background: linear-gradient(45deg, rgb(255, 46, 144) 0%, rgb(61, 35, 185) 100%);
//	background: linear-gradient(45deg, rgb(252, 115, 156) 0%, rgb(81, 60, 180) 100%);
//	background: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
//background-color: #FBDA61;
//background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%);
//background-color: #FF3CAC;
//background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);
//background: #12c2e9;  /* fallback for old browsers */
//background: -webkit-linear-gradient(45deg, #f64f59, #c471ed, #12c2e9);  /* Chrome 10-25, Safari 5.1-6 */
//background: linear-gradient(45deg, #f64f59, #c471ed, #12c2e9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
//background: #009FFF;  /* fallback for old browsers */
//background: -webkit-linear-gradient(35deg, #ec2F4B, #009FFF);  /* Chrome 10-25, Safari 5.1-6 */
//background: linear-gradient(35deg, #ec2F4B, #009FFF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
//background: #355C7D;  /* fallback for old browsers */
//background: -webkit-linear-gradient(45deg, #C06C84, #6C5B7B, #355C7D);  /* Chrome 10-25, Safari 5.1-6 */
//background: linear-gradient(45deg, #C06C84, #6C5B7B, #355C7D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
//background: #108dc7;  /* fallback for old browsers */
//background: -webkit-linear-gradient(45deg, #ef8e38, #108dc7);  /* Chrome 10-25, Safari 5.1-6 */
//background: linear-gradient(45deg, #ef8e38, #108dc7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
//background: #FC5C7D;  /* fallback for old browsers */
//background: -webkit-linear-gradient(45deg, #6A82FB, #FC5C7D);  /* Chrome 10-25, Safari 5.1-6 */
//background: linear-gradient(45deg, #6A82FB, #FC5C7D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	margin: 0;
}

.email {
	white-space: nowrap;
}

a {
	text-decoration: none;
	color: #3b8fe0;
	color: #2c2c2c;
}

a:link, a:visited {
 text-decoration: none;
}

a:hover {
	color: red;
}

.location .buero {
	color: #979797;
	text-transform:none;
}