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