@font-face{font-family:"FigGrotesk";src:url("../fonts/Fig Grotesk Trial/FigGroteskTrial-Regular.otf") format("opentype");font-weight:400;font-style:normal}@font-face{font-family:"FigGrotesk";src:url("../fonts/Fig Grotesk Trial/FigGroteskTrial-Bold.otf") format("opentype");font-weight:700;font-style:normal}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:"FigGrotesk",sans-serif;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:2rem;background-image:url("../images/wall.jpg");background-repeat:repeat;background-size:600px auto}.board{position:relative;width:min(90vw,600px);background-image:url("../images/cork-tile.png");background-repeat:repeat}.board__edge{position:absolute;background-size:100% 100%;background-repeat:no-repeat}.board__edge--top{top:0;left:0;right:0;height:38px;clip-path:polygon(0 0, 100% 0, calc(100% - 38px) 100%, 38px 100%);background-image:url("../images/edge-top.png");z-index:1}.board__edge--bottom{bottom:0;left:0;right:0;height:38px;clip-path:polygon(38px 0, calc(100% - 38px) 0, 100% 100%, 0 100%);background-image:url("../images/edge-bottom.png");z-index:1}.board__edge--left{top:0;bottom:0;left:0;width:38px;clip-path:polygon(0 0, 100% 38px, 100% calc(100% - 38px), 0 100%);background-image:url("../images/edge-left.png")}.board__edge--right{top:0;bottom:0;right:0;width:38px;clip-path:polygon(0 38px, 100% 0, 100% 100%, 0 calc(100% - 38px));background-image:url("../images/edge-right.png")}.board__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:2.5rem 38px}.notepad{position:relative;width:min(80%,340px)}.notepad__bg{display:block;width:100%;height:auto}.notepad__content{position:absolute;inset:12% 12% 18% 22%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;transform:rotate(-5deg) translateX(-13px)}.logo{width:100%;height:auto}.coming-soon{font-family:"FigGrotesk",sans-serif;font-size:clamp(.9rem,3vw,1.2rem);color:#231404;letter-spacing:.05em}.face{position:absolute;bottom:-8%;right:-8%;width:30%;cursor:pointer}.face img{display:block;width:100%;height:auto}.face__wink{position:absolute;inset:0;opacity:0}.face:hover .face__default{opacity:0}.face:hover .face__wink{opacity:1}@keyframes swing{0%{transform:rotate(0deg)}20%{transform:rotate(-18deg)}60%{transform:rotate(16deg)}80%{transform:rotate(-8deg)}100%{transform:rotate(0deg)}}.trinket-wrap{position:relative;display:flex;justify-content:center}.pin{position:absolute;top:-5px;left:calc(50% - 8px);transform:translateX(-50%);width:45px;height:auto;z-index:1;pointer-events:none}.trinket{height:min(40vh,300px);width:auto;transform-origin:50% 6%;cursor:pointer}.trinket.is-swinging{animation:swing 1.2s ease-in-out}@media(max-width: 480px){body{padding:1rem}.board__content{padding:1.5rem 20px;gap:1.5rem}.board__edge--top{height:20px;clip-path:polygon(0 0, 100% 0, calc(100% - 20px) 100%, 20px 100%)}.board__edge--bottom{height:20px;clip-path:polygon(20px 0, calc(100% - 20px) 0, 100% 100%, 0 100%)}.board__edge--left{width:20px;clip-path:polygon(0 0, 100% 20px, 100% calc(100% - 20px), 0 100%)}.board__edge--right{width:20px;clip-path:polygon(0 20px, 100% 0, 100% 100%, 0 calc(100% - 20px))}}/*# sourceMappingURL=style.css.map */