body,html{font-family:Kanit,-apple-system,sans-serif;height:100%;margin:0;overflow:hidden;padding:0;width:100%}button,input[type=reset],input[type=submit]{background:none;border:none;color:inherit;cursor:pointer;font:inherit;outline:inherit;padding:0}input,textarea{outline:none}a{color:inherit;text-decoration:inherit}body{--floral-white:#fffcf2;--pale-silver:#ccc5b9;--black-olive:#403d39;--eerie-black:#252422;--flame:#eb5e28;background:var(--eerie-black);color:var(--floral-white)}.name{bottom:5%;display:block;font-size:3em;left:50%;position:absolute;transform:translateY(-50%)}.name a{text-decoration:underline}.container{min-height:100%;position:relative;width:100%}.container:before{background-image:url(bg.71df4232.webp);background-size:cover;content:"";height:100%;left:0;position:absolute;top:0;transform:rotate(180deg);width:100%}.container:before,.img{background-position:50%}.img{background-repeat:no-repeat;background-size:contain}.order{align-items:center;border:1px solid var(--floral-white)!important;color:inherit!important;display:flex;flex-direction:column;height:3em;justify-content:center;text-decoration:inherit;width:7em}.necklace,.order{position:relative}.necklace{background-image:url(necklace.a526b878.webp);height:50vmin;left:50%;transform:translate(-34%,-27%);width:50vmin}.cap{background-image:url(cap.5f870193.webp);height:65vmin;left:25%;position:relative;transform:translate(-59%,-44%) rotate(87deg);width:65vmin}.cap .touchPoint{transform:rotate(-87deg)}.tshirt{background-image:url(tshirt.fdf52ce6.webp);height:100vmin;left:90%;position:relative;transform:translate(-64%,-80%) rotate(-45deg);width:100vmin}.tshirt .touchPoint{transform:rotate(45deg)}.touchPoint{background:var(--flame);border-radius:50%;color:var(--black-olive);height:1.5em;line-height:1.5;text-align:center;top:50%;transform:translate(-50%,-50%);width:1.5em;z-index:9}.tooltip,.touchPoint{left:50%;position:absolute}.tooltip{align-items:center;background:var(--black-olive);color:var(--floral-white);display:flex;justify-content:center;opacity:0;pointer-events:none;top:-.5em;transform:translate(-50%,-100%);width:10em;z-index:10}.touchPoint:hover{cursor:pointer;transition:opacity .5s}.touchPoint:active .tooltip,.touchPoint:hover .tooltip{opacity:1;pointer-events:auto}@media (orientation:portrait){body,html{overflow:auto;overflow-x:hidden}.name{font-size:2em;font-size:8vmin;left:37%;z-index:10}.necklace{height:120vmin;width:120vmin;z-index:2}.cap{height:135vmin;transform:translate(-38%,-33%) rotate(16deg);width:135vmin;z-index:0}.cap .touchPoint{transform:rotate(-16deg)}.tshirt{height:200vmin;transform:translate(-59%,-36%) rotate(-25deg);width:200vmin;z-index:1}.tshirt .touchPoint{transform:rotate(25deg)}.touchPoint{height:2em;line-height:2;width:2em}}.palete{bottom:0;display:flex;height:1em;left:0;position:absolute;width:100vw}.palete div{height:1em;width:20%}.floral-white{background:var(--floral-white)}.pale-silver{background:var(--pale-silver)}.black-olive{background:var(--black-olive)}.eerie-black{background:var(--eerie-black)}.flame{background:var(--flame)}
/*# sourceMappingURL=index.c8cc42e8.css.map */