/* Generated for the About page. Icons from the no-credit-text set only (see BRIEF). */
.f1{--i:url(lp-icons/vase.svg);--c:#f6f1e8;--r:-16deg;--o:0.16;--p:-120px;left:3%;top:4%;width:56px}
.f2{--i:url(lp-icons/paint-brush.svg);--c:#f28c28;--r:14deg;--o:0.22;--p:-220px;left:84%;top:9%;width:50px}
.f3{--i:url(lp-icons/palette.svg);--c:#f6f1e8;--r:-8deg;--o:0.14;--p:-90px;left:10%;top:24%;width:62px}
.f4{--i:url(lp-icons/printer.svg);--c:#2ec4e6;--r:18deg;--o:0.2;--p:-260px;left:88%;top:30%;width:58px}
.f5{--i:url(lp-icons/canvas.svg);--c:#e15a45;--r:-12deg;--o:0.18;--p:-180px;left:4%;top:46%;width:60px}
.f6{--i:url(lp-icons/art-brush.svg);--c:#f6f1e8;--r:26deg;--o:0.13;--p:-110px;left:90%;top:52%;width:44px}
.f7{--i:url(lp-icons/palette-2.svg);--c:#f28c28;--r:8deg;--o:0.18;--p:-240px;left:14%;top:64%;width:54px}
.f8{--i:url(lp-icons/oil-paint.svg);--c:#f6f1e8;--r:-22deg;--o:0.13;--p:-140px;left:80%;top:70%;width:42px}
.f9{--i:url(lp-icons/pencil-case.svg);--c:#2ec4e6;--r:12deg;--o:0.18;--p:-200px;left:6%;top:80%;width:50px}
.f10{--i:url(lp-icons/paint-brush-2.svg);--c:#e15a45;--r:-18deg;--o:0.2;--p:-120px;left:92%;top:84%;width:48px}
.f11{--i:url(lp-icons/vase.svg);--c:#f28c28;--r:6deg;--o:0.16;--p:-260px;left:40%;top:92%;width:60px}
.f12{--i:url(lp-icons/printer.svg);--c:#f6f1e8;--r:-10deg;--o:0.12;--p:-80px;left:60%;top:14%;width:44px}
.f13{--i:url(lp-icons/canvas.svg);--c:#f6f1e8;--r:20deg;--o:0.12;--p:-160px;left:46%;top:58%;width:50px}
.f14{--i:url(lp-icons/art-brush.svg);--c:#2ec4e6;--r:-6deg;--o:0.16;--p:-210px;left:30%;top:36%;width:40px}
.b1{--i:url(lp-icons/paint-brush.svg);--c:#f28c28;--bx:-34;--by:-30;--r:-18deg;--w:64px;--d:0.05s}
.b2{--i:url(lp-icons/palette.svg);--c:#f6f1e8;--bx:30;--by:-34;--r:14deg;--w:66px;--d:0.10s}
.b3{--i:url(lp-icons/vase.svg);--c:#f6f1e8;--bx:-38;--by:6;--r:-10deg;--w:72px;--d:0.15s}
.b4{--i:url(lp-icons/printer.svg);--c:#2ec4e6;--bx:36;--by:4;--r:12deg;--w:66px;--d:0.20s}
.b5{--i:url(lp-icons/art-brush.svg);--c:#e15a45;--bx:-26;--by:24;--r:22deg;--w:56px;--d:0.25s}
.b6{--i:url(lp-icons/canvas.svg);--c:#f28c28;--bx:28;--by:24;--r:-14deg;--w:60px;--d:0.30s}
.b7{--i:url(lp-icons/pencil-case.svg);--c:#f6f1e8;--bx:-8;--by:-34;--r:8deg;--w:54px;--d:0.35s}
.b8{--i:url(lp-icons/oil-paint.svg);--c:#2ec4e6;--bx:10;--by:26;--r:-20deg;--w:52px;--d:0.40s}
.b9{--i:url(lp-icons/palette-2.svg);--c:#e15a45;--bx:-46;--by:-12;--r:16deg;--w:50px;--d:0.45s}
.b10{--i:url(lp-icons/paint-brush-2.svg);--c:#f6f1e8;--bx:46;--by:-14;--r:-16deg;--w:54px;--d:0.50s}
/* phones: the logo fills the width, so the burst sits in the band above it and at the edges */
@media (max-width: 700px) {
  .b1 { --bx: -32; --by: -41; --w: 50px; }
  .b2 { --bx: 32; --by: -41; --w: 54px; }
  .b7 { --bx: 0; --by: -46; --w: 50px; }
  .b3 { --bx: -38; --by: 0; --w: 52px; }
  .b4 { --bx: 38; --by: 4; --w: 52px; }
  .b5, .b6, .b8 { display: none; }
  .b9 { --bx: -17; --by: -42; --w: 40px; display: block; }
  .b10 { --bx: 17; --by: -42; --w: 40px; display: block; }
}