body{
	margin:0px;
	background:Silver;
}
.container{
	padding-top:25px;
	padding-bottom:25px;
	display:flex;
	justify-content:center;
	position:relative;
}
.logo{
    text-align:center;
	border: 10px solid #ffffff;
	border-radius:3%;
}
.vcard{
	display:flex;
	min-width:350px;
	max-width:350px;
	flex-direction:column;
	background-color:white;
}
.info{
	margin:20px;
	font-family: Roboto;
	line-height: 1.6;
	font-size: 15px;
	color:#454565;
	letter-spacing:0px;
}
.name{
	font-size:20px;
	word-spacing:1px;
	font-weight: bold;
}
.titleorg{
	display:flex;
	flex-direction: row;
}
.title{
	padding-right:5px;
}
.organization{
	padding-left:5px;
}
.imgsns{
	padding-top:15px;
	border-radius: 5%;
}
.buttons{
	padding-bottom:15px;
}
.abutton{
	text-align: center;
	justify-content:center;
	padding: 5px;
}
button{
	background-color: #FFDD00;
	border-radius: 7px;
	color: #000;
	cursor: pointer;
	font-weight: bold;
	padding: 10px 15px;
	text-align: center;
	transition: 200ms;
	width: 90%;
	box-sizing: border-box;
	border: 0;
	font-size: 16px;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
}
button:not(:disabled):hover,
button:not(:disabled):focus{
	background: #fff771;
}
button:disabled{
	filter: saturate(0.2) opacity(0.5);
	-webkit-filter: saturate(0.2) opacity(0.5);
	cursor: not-allowed;
}