.Button{height:35px;width:fit-content;padding:0 10px;display:flex;align-items:center;justify-content:center;background-color:#891d30;color:#fff;border-radius:4px;font-family:The Seasons;font-size:18px;cursor:pointer}@media(min-width:1200px){.Button{font-size:20px;height:45px}}@font-face{font-family:Rebel;src:url(/assets/Rebel-8D7cRIWr.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:The Seasons;src:url(/assets/TheSeasons-BqwY7LWg.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}#envelope{position:relative;width:378px;height:243px;border-bottom-left-radius:8.1px;border-bottom-right-radius:8.1px;background-color:#61161e;box-shadow:0 5.4px 27px #0003}.front{position:absolute;width:0;height:0;z-index:3}.flap{border-left:189px solid transparent;border-right:189px solid transparent;border-bottom:110.7px solid transparent;border-top:132.3px solid #61161e;transform-origin:top;cursor:pointer}.pocket{border-left:189px solid rgb(107.3928571429,24.3571428571,33.2142857143);border-right:189px solid rgb(107.3928571429,24.3571428571,33.2142857143);border-bottom:121.5px solid rgb(107.3928571429,24.3571428571,33.2142857143);border-top:121.5px solid transparent;border-bottom-left-radius:8.1px;border-bottom-right-radius:8.1px}.letter{position:relative;background-color:#fff;margin:0 auto;width:90%;height:90%;top:5%;border-radius:6px;box-shadow:0 2px 26px #0000001f;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center}.letter__title{font-family:Rebel,sans-serif;font-size:56px}.letter__date{font-family:The Seasons,sans-serif;font-size:28px}.letter:after{content:"";position:absolute;inset:0;cursor:pointer}.open .flap{transform:rotateX(180deg);transition:transform .4s ease,z-index .6s;z-index:1}.close .flap{transform:rotateX(0);transition:transform .4s .6s ease,z-index 1s;transition-delay:3s;z-index:5}.close .letter{animation:takeItIn 3s ease,z-index 1s;z-index:1}.open .letter{animation:takeItOut 3s forwards;z-index:6}@keyframes takeItOut{0%{transform:translateY(0);z-index:1}20%{transform:translateY(0);z-index:1}50%{transform:translateY(-110%);z-index:1}51%{transform:translateY(-110%);z-index:6}to{transform:translateY(0);z-index:6}}@keyframes takeItIn{0%{transform:translateY(0);z-index:6}50%{transform:translateY(-110%);z-index:6}51%{transform:translateY(-110%);z-index:1}to{transform:translateY(0);z-index:1}}.Form{position:relative;background-color:#fff;width:min(600px,95vw);height:calc(min(600px,95vw)*1.4142);border-radius:6px;box-shadow:0 2px 26px #0000001f}.Form__Frame{margin:20px;border:10px solid #f0dbe4;width:calc(100% - 60px);height:calc(100% - 60px)}.Form__Body{width:100%;display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;gap:15px}@media(min-width:1200px){.Form__Body{gap:30px}}.Form__Body{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.FormGroup{width:60%;display:flex;flex-direction:column;gap:5px}@media(min-width:1200px){.FormGroup{gap:10px}}.FormGroup label{font-size:16px;font-family:The Seasons,sans-serif}@media(min-width:1200px){.FormGroup label{font-size:20px}}.Input{border:1px solid #b37793;border-radius:4px;padding:10px;font-size:16px;font-family:sans-serif;text-align:center;color:#891d30;width:calc(100% - 20px)}@media(min-width:1200px){.Input{font-size:18px}}.Input:focus{outline:none}.Input::-webkit-outer-spin-button,.Input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.PositionImage{position:absolute;transform:translate(-50%,-50%);height:auto}.Typography{color:#000}.Typography__H1{font-family:Rebel,sans-serif;font-size:40px}@media(min-width:1200px){.Typography__H1{font-size:60px}}.Typography__H11{font-family:Rebel,sans-serif;font-size:30px}@media(min-width:1200px){.Typography__H11{font-size:40px}}.Typography__H2{font-family:The Seasons,sans-serif;font-size:24px}@media(min-width:1200px){.Typography__H2{font-size:30px}}.Typography__H3{font-family:The Seasons,sans-serif;font-size:20px}@media(min-width:1200px){.Typography__H3{font-size:26px}}.Typography__P{font-family:The Seasons,sans-serif;font-size:16px}@media(min-width:1200px){.Typography__P{font-size:20px}}.Invite{position:relative;background-color:#fff;width:min(600px,95vw);height:calc(min(600px,95vw)*1.4142);border-radius:6px;box-shadow:0 2px 26px #0000001f}.Invite__Frame{margin:20px;border:10px solid #f0dbe4;width:calc(100% - 60px);height:calc(100% - 60px)}.Invite__Body{width:100%;position:absolute;top:75%;left:50%;transform:translate(-50%,-75%);text-align:center}.Invite__Body>:nth-child(1),.Invite__Body>:nth-child(2),.Invite__Body>:nth-child(4),.Invite__Body>:nth-child(5){margin-bottom:30px}@media(min-width:1200px){.Invite__Body>:nth-child(1),.Invite__Body>:nth-child(2),.Invite__Body>:nth-child(4),.Invite__Body>:nth-child(5){margin-bottom:60px}}.Invite__Body>:nth-child(3){margin-bottom:5px}@media(min-width:1200px){.Invite__Body>:nth-child(3){margin-bottom:10px}}.Invite__Body>:nth-child(2){letter-spacing:2px}.Textarea{border:1px solid #b37793;border-radius:4px;padding:10px;font-size:18px;font-family:sans-serif;text-align:center;color:#891d30;resize:none;width:calc(100% - 20px)}.Textarea:focus{outline:none}.HomePage{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:40px;min-height:100vh;min-width:100vw;padding:40px 0;background-color:#f0e6e7;overflow-y:auto}@media(min-width:1200px){.HomePage{flex-direction:row;height:100vh;width:100vw;padding:0}}*,*:before,*:after{margin:0;padding:0;border:0}@font-face{font-family:Rebel;src:url(../../assets/fonts/Rebel.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:The Seasons;src:url(../../assets/fonts/TheSeasons.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}