:root{--brown:#452d2d;--section-bg:#f1eee9;--white:#fff;--light-brown:#c3937c}body{color:var(--brown);text-align:center;font-family:Cormorant,Arial,sans-serif;font-size:1.125rem;line-height:100%}h1{text-align:center;margin-top:0;margin-bottom:0;font-family:Marckscript,Arial,sans-serif;font-size:2.5rem;font-weight:400;line-height:110%}h2{margin-top:0;margin-bottom:0;font-family:Marckscript,Arial,sans-serif;font-size:2rem;font-weight:400;line-height:112%}p{text-align:center;margin-bottom:0;line-height:122%}a{text-decoration:none}label{margin-bottom:1rem;font-weight:400;line-height:122%;display:block}.div-block{justify-content:center;align-items:center;display:flex}.utility-page-wrap{justify-content:center;align-items:center;width:100vw;max-width:100%;height:100vh;max-height:100%;display:flex}.utility-page-content{grid-column-gap:3rem;grid-row-gap:3rem;text-align:center;flex-direction:column;width:260px;display:flex}@media screen and (max-width:767px){.clossed{max-width:60vw}.pattern-letter-left{width:5rem;margin-top:-3.5rem;margin-left:-4rem}.pattern-letter-right{width:5rem;margin-bottom:0;margin-right:-4rem}.letter-corner,.opened{max-width:60vw}.name-in-the-letter{margin-top:9vw;font-size:3vw}}@media screen and (max-width:479px){.section{max-width:none}}