*{box-sizing:border-box}body{color:#f2e6c8;background:#08091c;margin:0;font-family:IBM Plex Mono,monospace}nav{border-bottom:1px solid #403d54;align-items:center;gap:25px;height:75px;padding:0 4vw;display:flex}nav b{font:700 22px Bodoni Moda}nav b span{color:#d14a53}nav i{letter-spacing:.18em;margin:auto;font-size:9px}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #9c7f4a;padding:12px 22px}.sky{background:radial-gradient(circle at 75% 30%,#27223e 0,#0000 24%),radial-gradient(circle at 22% 70%,#211b35 0,#0000 22%);height:70vh;min-height:650px;position:relative;overflow:hidden}.sky:after{content:"";opacity:.25;background-image:radial-gradient(#e4cc87 1px,#0000 1px);background-size:83px 71px;position:absolute;inset:0}.sky h1{z-index:2;margin:0;font:500 clamp(54px,7vw,118px)/.85 Bodoni Moda;position:absolute;top:10vh;left:7vw}.sky h1 span{color:#d14a53}.sky>p{z-index:3;width:480px;max-width:70vw;font-size:12px;line-height:1.8;position:absolute;bottom:10vh;left:8vw}.moon{z-index:3;border:1px solid #9c7f4a;border-radius:50%;align-content:center;place-items:center;width:260px;height:260px;display:grid;position:absolute;top:13vh;right:13vw;box-shadow:0 0 70px #8a315555}.moon:before,.moon:after{content:"";border:1px solid #423b60;border-radius:50%;position:absolute;inset:-30px}.moon:after{inset:-65px}.moon small,.moon em{letter-spacing:.15em;font-size:9px}.moon strong{color:#e2be6b;font:700 100px/1 Bodoni Moda}.star{z-index:4;border-radius:50%;width:115px;height:115px;padding:0;font-size:9px;position:absolute}.s1{top:46vh;right:39vw}.s2{top:53vh;right:6vw}.s3{top:4vh;right:31vw}.thread{transform-origin:0;z-index:1;background:#8b6f48;height:1px;position:absolute}.t1{width:36vw;top:50%;right:18vw;transform:rotate(20deg)}.t2{width:30vw;top:39%;right:10vw;transform:rotate(115deg)}.receipt{color:#191125;background:#eee3c9;margin:0 7vw 8vw;padding:5vw;transform:rotate(-1deg);box-shadow:16px 16px #8e3448}.receipt small{color:#8e3448}.receipt h2{max-width:1100px;font:500 clamp(32px,5vw,70px)/1.05 Bodoni Moda}.receipt>div{border-top:1px solid;border-bottom:1px solid;grid-template-columns:repeat(3,1fr);padding:20px 0;font-size:9px;display:grid}.receipt b{font-size:14px}.receipt button{color:#eee3c9;background:#191125;margin-top:35px}footer{text-align:center;letter-spacing:.2em;padding:24px;font-size:9px}@media (max-width:700px){.sky h1{top:7vh}.moon{width:160px;height:160px;top:42vh;right:8vw}.star{display:none}.receipt>div{grid-template-columns:1fr;gap:16px}}
