#name {	
	margin:30px 0px 20px 0px;
}
#title {	
	margin:20px 0px 20px 0px;
}
.title {
/*
	older safari doesn't not support flex gap
	I could use a workaround :
		https://stackoverflow.com/questions/65452057/flexbox-gap-workaround-for-safari
	but it doesn't work with wrap
	so instead I make them in columns and add a margin

	gap: 10px 30px;
*/
	display: flex;
	flex-direction: column;
	align-items: center;
}

.title > *:first-child {
	margin-bottom: 10px;
}