@font-face {
  font-family: 'callidar-df';
  src: url('../assets/fonts/callidar-df.ttf') format('truetype') 
}

body {
	/* Fundo sutil que lembra uma parede ou mural */
	background-color: var(--body-background);
	background-image: radial-gradient(var(--body-background-dots) 1px, transparent 1px);
	background-size: 20px 20px;
}
.polaroid {
	/* Estilo físico da polaroid */
	background: var(--polaroid-background);
	padding: 16px 16px 40px 16px;
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
}
.polaroid:hover {
	transform: rotate(-1deg) scale(1.02);
}
.font-handwriting {
	font-family: 'Kalam', cursive;
	font-color: var(--marsala)
}
.footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 10px;
}
.name{font-family:var(--font-birthdayName);font-size:clamp(53px,7vw,104px)/*font-size:clamp(70px,10vw,104px)*/;line-height:.9;color:var(--marsala)}
.age{font-family:var(--font-age);color:var(--marsala)}
.age strong{display:block;font-size:64px;font-weight:400;line-height:1}
.age span{letter-spacing:.38em;font-size:18px}
.invite-msg{font-size:18px;line-height:1.45}

.letter-name{
  width:100%;
  max-width:100%;
  margin:0 auto;
  padding-inline:.05em;
  box-sizing:border-box;
  white-space:normal;
  overflow-wrap:anywhere;
  text-align:center;
  font-size:clamp(20px,9dvw,33px);
  text-shadow: 0 -1px 0 rgba(255, 255, 255, .85), 0 1px 0 rgba(95, 95, 95, .65), 0 3px 4px rgba(0, 0, 0, .35), 0 0 30px rgba(192, 192, 192, .20);
}


.footer-text{
	position: absolute;
	font-family:Poppins, serif;
	text-align:center;
	font-size:10px;
	background-color: transparent;
	color: rgb(157 159 163/ 0.9);
	/*align-items:center;
	justify-content:flex-end;			
	padding:clamp(30px,4.2dvh,46px);
	text-transform:uppercase;*/
	margin-bottom:clamp(12px,2.5dvh,18px);
}

/* Ocultar barra de rolagem no textarea */
textarea::-webkit-scrollbar { display: none; }
textarea { -ms-overflow-style: none; scrollbar-width: none; }