@layer components{.paper-board{--liege-color:#a39377;--wood-frame-color:#5f5750;--paper-sheet-color:#f5f1e9;background-color:var(--liege-color);border:.6vmin solid var(--wood-frame-color);width:90%;height:40%;position:absolute;bottom:43%;left:-10%;transform:perspective(13em)rotateY(9deg);box-shadow:-.3vmin .3vmin 0 .1vmin #0000001a}.paper-board:before{content:"";opacity:.15;background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 110 110\"><filter id=\"grain\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.05\" numOctaves=\"1\" stitchTiles=\"stitch\" /></filter><rect width=\"100%\" height=\"100%\" filter=\"url(%23grain)\" /></svg>");background-size:4.5vmin 4.5vmin;width:100%;height:100%;position:absolute;top:0;left:0}.paper-board__inner{height:100%;position:relative;box-shadow:inset 0 0 .3vmin .3vmin #0000004d}.paper-board__sheet{aspect-ratio:210/297;background-color:var(--paper-sheet-color);flex-wrap:wrap;gap:.1vmin;width:30%;padding:3%;display:flex;position:absolute;overflow:clip;box-shadow:.1vmin .1vmin .1vmin #0000001a}.paper-board__sheet:before{content:"";background-color:var(--pin-color);border-radius:50%;width:.2vmin;height:.2vmin;position:absolute;top:.2vmin;left:50%;transform:translate(-50%);box-shadow:0 0 .2vmin #0003,0 .1vmin .1vmin #0003}.paper-board__sheet--1{--pin-color:var(--red);top:10%;right:10%}.paper-board__sheet--2{--pin-color:var(--blue);top:35%;right:45%}.paper-board__word{background-color:var(--grey-4);height:.1vmin}.paper-board__post-it{aspect-ratio:1;background-color:var(--post-it-color);flex-wrap:wrap;gap:.1vmin;width:12%;padding:2%;display:flex;position:absolute;overflow:clip;box-shadow:.1vmin .1vmin .1vmin #0000001a}.paper-board__post-it--1{--post-it-color:#fffb7d;top:15%;left:15%;transform:rotate(-1deg)}.paper-board__post-it--2{--post-it-color:#ffcc5c;top:40%;left:5%;transform:rotate(2deg)}.paper-board__post-it--3{--post-it-color:#ffeb99;top:10%;left:35%;transform:rotate(-2deg)}.paper-board__post-it--4{--post-it-color:#fff59d;top:80%;left:30%;transform:rotate(1deg)}.paper-board__post-it--5{--post-it-color:#ffea70;top:65%;left:70%;transform:rotate(-1deg)}.paper-board__post-it--6{--post-it-color:#dcbcfe;top:30%;left:75%;transform:rotate(2deg)}.paper-board__post-it--7{--post-it-color:#fff176;top:75%;left:50%;transform:rotate(-2deg)}}