@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap");body{margin:0;font-family:Quicksand,sans-serif;overflow:hidden}.mainContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#5d4037,#3e2723);height:100vh;position:relative}.hexContainer{position:relative;z-index:1}.hexContainer svg path{fill:none;stroke:none}svg g .hexagon{fill:#f5a623;stroke:#1a1a1a;stroke-width:.5;cursor:pointer}g.yellow .hexagon{fill:#fff59d}g.green .hexagon{fill:#81c784}g.red .hexagon{fill:#e57373}.blackText{font-size:.9em;font-weight:700;fill:#2d2d2d;stroke:none;pointer-events:none}.blackText,.whiteText{font-family:Quicksand,sans-serif}.whiteText{color:#fff8e1;font-size:28px;font-weight:600}.smallText{font-size:.2em;fill:#2d2d2d;stroke:none}.targetInstructions{font-size:1em;font-weight:600;letter-spacing:2px;text-transform:uppercase;height:24px;color:#fff8e1;opacity:.7}.targetContainer{font-family:Quicksand,sans-serif;font-size:5em;font-weight:700;height:100px;color:#ffd54f}.scoreContainer{right:40px;font-family:Quicksand,sans-serif;font-size:2.5em;font-weight:700;color:#fff8e1;cursor:pointer}.circleContainer,.scoreContainer{position:absolute;bottom:40px;z-index:10}.instructions{position:fixed;display:flex;flex-direction:column;justify-content:center;padding:0 15%;background:rgba(62,39,35,.96);width:100%;height:100%;color:#fff8e1;font-size:1.05em;line-height:1.7;z-index:100;box-sizing:border-box;overflow-y:auto}.instructions h1{color:#ffd54f;font-size:2em;font-weight:700;margin:0 0 8px}@media (max-width:600px){.instructions{padding:0 5%;font-size:.95em}.scoreContainer{bottom:20px;right:20px;font-size:2em}.circleContainer{bottom:20px}.targetContainer{font-size:4em}}[draggable]{-webkit-user-select:none;-moz-user-select:none;user-select:none}