@import url('style.css');

html,body{
  margin:0;
  background:var(--bg);
}

.card{
  width:100%;
  max-width:680px;
}

.frame{
  margin:5vw 6vw;
  border-width:4px;
}

.text-block{
  padding:4vw 4vw 6vw;
}

.greeting{ font-size:clamp(24px,7vw,34px); }

.invite-caps{
  font-size:clamp(19px,5.6vw,28px);
  letter-spacing:clamp(1px,0.6vw,3px);
}

.names{ font-size:clamp(40px,11.5vw,56px); }

.date{ font-size:clamp(28px,7.8vw,40px); }

.weekday{ font-size:clamp(16px,4.2vw,20px); }

.time-box{
  border-width:3px;
  border-radius:20px;
  padding:4vw 8vw 5vw;
  gap:2px;
}

.time{ font-size:clamp(64px,20vw,96px); }

.hall{ font-size:clamp(19px,5.6vw,27px); letter-spacing:2px; }

.wish{ font-size:clamp(23px,6.6vw,32px); margin-top:2vw; }

.signature{ font-size:clamp(14px,3.8vw,18px); }

.stripe{
  height:36px;
  background-size:50px 36px;
}