:root {
	--bg-clr:#f1f1f1;
	--txt-clr:#333;
	--accent-clr:#972e27;/*#a73232;*/

    --font-size: clamp(14px, 1.85vw, 20px);

    --spacer-lg: 5rem;
    --spacer-sm: calc(var(--font-size) * 1.5);

    --shadow-small: 2px 2px 5px 0px rgba(0,0,0,0.125);

    --max-width:1440px;
    --min-width:640px;

}
/*reset*/
*,*::before,*::after {  box-sizing: border-box;min-height: 0;}
* {  margin: 0;  padding: 0;  font: inherit;}
html{height: 100%; scroll-behavior: smooth;  hanging-punctuation: first last;}
body {height: 100%;background-color:var(--bg-clr);color:var(--txt-clr);line-height:150%;}
form{height: 100%;min-height:100%;display: flex;flex-direction: column;position: relative;}
img,picture,svg,video {  display: block;  max-width: 100%;}
h1,h2,h3,h4,h5,h6 {  text-wrap: balance;}
p,li {line-height: 150%;margin-bottom:clamp(5px, 1vw, 14px);; text-wrap: pretty;}
a,a:link,a:hover{color: var(--txt-clr);text-decoration: none;}
ul {list-style-position: inside;}
small{font-size: clamp(10px, 1.5vw, 14px);}

.error{margin:auto;width:90%;max-width:800px;padding:2rem 0;}

/* General */
html {font-size: var(--font-size);}

body{font-weight:400;  
   
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }


h1{  font-family: 'Cormorant', serif;}
h1{line-height: 1;font-size: clamp(2rem, 10vw, 5rem); margin-bottom:1.5rem;font-weight: 400;}
h1 {    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Add a subtle shadow for depth */}

main{display: flex;    justify-content: center;flex: 1;align-items: center;}
footer{display: flex;    justify-content: center; padding: 1rem;}