<body>
	

<div class="header">
	<svg id="robot-logo" width="" height="" viewBox="0 0 800 125" version="1.1">
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="robot" transform="translate(0.000000, 0.000000)" fill="#DF2D2F" fill-rule="nonzero">
            <path d="M0.125938494,123.748551 C0.0106044539,123.445569 -0.0336373277,95.5271262 0.0275715801,61.7075292 L0.138875928,0.217391304 L13.7792577,0.0956521739 C29.2102227,-0.042078473 31.7199152,0.218239661 36.3497773,2.43703075 L39.4784305,3.93637328 L42.3555037,6.86532344 L45.2325769,9.79418876 L50.105281,19.4299046 C52.8841145,24.9249629 55.1975398,29.0034358 55.4888653,28.9208484 C55.7697985,28.8411877 57.9482503,24.8654507 60.3299258,20.0858112 C62.7116013,15.3062142 65.5334889,10.2655355 66.6007635,8.88432662 C70.0296076,4.44712619 75.1515589,1.35495228 80.6156098,0.42349947 C82.2080594,0.152067869 88.7697137,0.0191304348 96.9209332,0.0932767762 L110.561315,0.217391304 L110.561315,62.1405726 L110.561315,124.063733 L102.333786,124.063733 L94.1061718,124.063733 L93.8896713,70.8011453 L93.6731707,17.538579 L89.5593637,17.538579 L85.4456416,17.538579 L83.4970095,18.5506681 C81.124369,19.782948 78.9634358,21.7883351 77.8215483,23.8174761 C77.3524496,24.651071 72.2282927,35.7582185 66.4344857,48.5001485 C60.6407211,61.2420361 55.6735101,71.6672322 55.3962248,71.6672322 C55.1190668,71.6672322 50.7028632,62.4112407 45.5826087,51.0983245 C40.4623118,39.7854507 35.5109226,28.9356946 34.5795546,26.9878261 C32.6359279,22.9228844 30.5097349,20.3734464 27.6724496,18.7054083 L25.6875928,17.538579 L21.3573277,17.538579 L17.0270201,17.538579 L16.8105196,70.8011453 L16.5939767,124.063733 L8.464772,124.181582 L0.335567338,124.299432 L0.125938494,123.748551 Z M21.3573701,123.315245 C21.2266808,122.774248 21.1731495,99.727508 21.238473,72.1002333 L21.3573277,21.8688441 L22.4336797,21.7170732 C24.2740615,21.4576034 26.2398727,22.8785578 27.381421,25.2935737 C28.6970944,28.0769035 38.3604242,48.9001485 47.4951432,68.6360127 C55.4038176,85.7229268 55.1583881,85.2453871 55.7276776,84.6544645 C56.0628208,84.306596 64.0857688,67.133701 73.7311983,46.118473 C74.605684,44.2131495 77.2916649,38.4050477 79.7000636,33.2116649 L84.0789396,23.7691198 L85.3640721,22.6878049 L86.6490774,21.6064475 L87.9960127,21.7376458 L89.3428632,21.8688441 L89.3428632,72.9662778 L89.3428632,124.063733 L81.0070414,124.18134 C76.4223966,124.246028 72.646702,124.148594 72.616755,123.964823 C72.5866384,123.78106 72.512789,116.323351 72.4522587,107.39211 C72.3129162,86.8131495 72.3256416,87.2121315 71.8264687,87.7113468 C71.6,87.9377731 67.9144857,96.0092047 63.6364793,105.647847 C59.3584305,115.286494 55.6794062,123.232238 55.460912,123.305077 C55.2423754,123.377922 51.5901591,115.58901 47.3448144,105.996437 C43.0995122,96.4038176 39.412895,88.2816119 39.1523224,87.9471474 L38.678473,87.3389183 L38.4619724,105.701336 L38.2454295,124.063733 L29.9201697,124.181306 L21.5949947,124.298872 L21.3573701,123.315245 Z M119.641569,123.748551 C119.526023,123.445569 119.481782,105.17281 119.543203,83.1424814 L119.654931,43.0872959 L148.709862,42.8707953 L177.764751,42.6542524 L178.480594,42.059894 C179.357752,41.3316649 179.384008,40.6946766 178.58193,39.5975398 L177.967466,38.7569883 L148.811156,38.5404878 L119.654931,38.3239873 L119.537306,29.9881654 L119.419724,21.6523436 L119.97035,21.5891835 C120.273171,21.5544008 134.348971,21.5781548 151.249799,21.6408059 L181.978579,21.7556734 L183.623457,22.3359915 C187.660148,23.7602545 192.335737,28.2692683 194.488865,32.8143372 L195.867996,35.7258112 L195.867996,40.7056204 L195.867996,45.6854719 L194.488865,48.5968611 C192.293319,53.2315164 187.661421,57.6505196 183.436691,59.1411241 L181.60509,59.7873595 L159.706766,59.7665748 L137.808484,59.7462142 L137.067572,60.2938282 L136.32666,60.8414422 L136.218367,92.4525981 L136.110032,124.063703 L127.980827,124.181552 L119.851622,124.299402 L119.641569,123.748522 L119.641569,123.748551 Z M140.870414,123.30593 C140.740615,122.770057 140.688187,109.373234 140.753892,93.5351856 L140.87334,64.7387487 L153.647678,64.6247296 L166.422057,64.5107529 L181.036776,93.7468081 C189.074867,109.826596 195.651495,123.274766 195.651495,123.63155 L195.651495,124.280246 L187.423372,124.280246 L179.195207,124.280246 L168.91351,103.711347 C163.258537,92.398473 158.484666,83.1424814 158.304857,83.1424814 C158.12509,83.1424814 157.977943,92.0902227 157.977943,103.026426 C157.977943,113.962545 157.859724,123.218558 157.715122,123.595287 L157.452301,124.280246 L149.279321,124.280246 L141.106341,124.280246 L140.870414,123.30593 Z M200.502821,123.736691 C199.578749,122.623279 171.038176,65.0302439 171.287126,64.7812937 C171.42965,64.6388123 173.023966,64.5183457 174.830032,64.5136373 C179.983839,64.5004878 183.896543,63.7823118 186.990923,62.2826299 L189.805642,60.918473 L193.288399,57.415737 L196.771241,53.9130011 L198.115928,51.0983245 C199.764327,47.648017 200.414804,44.6657476 200.414804,40.5587275 C200.414804,34.0654931 198.122418,28.8388123 193.072068,23.8174761 L189.805642,20.5697561 L186.797667,19.0541676 L183.789692,17.538579 L151.722291,17.3111347 C134.085217,17.186087 119.601994,17.0399152 119.537306,16.9863415 C119.472662,16.9328526 119.472662,13.1379003 119.537306,8.55321315 L119.654931,0.217391304 L152.132089,0.217391304 L184.60929,0.217391304 L188.048993,1.21331919 C199.50473,4.53030753 210.422821,14.5136797 214.686914,25.5707741 C216.79122,31.0274443 217.413616,34.5925345 217.404844,41.1386638 L217.396691,46.9845175 L216.516352,51.2155673 C215.967762,53.8524708 214.964624,56.8339767 213.853913,59.1286532 L212.071686,62.8106469 L209.166151,65.9025663 C205.75211,69.5355249 199.544051,74.8065748 196.75245,76.4425451 C195.670498,77.0766066 194.785239,77.8598515 194.785239,78.1831177 C194.785239,78.5064263 199.837709,88.8568823 206.012937,101.184221 C212.188208,113.511516 217.145663,123.751109 217.029608,123.938867 C216.913595,124.126626 213.249035,124.280246 208.886193,124.280246 L200.95368,124.280246 L200.502609,123.736691 L200.502821,123.736691 Z M223.62825,123.595287 C223.48369,123.218558 223.365387,118.938426 223.365387,114.083902 L223.365387,105.257391 L224.202969,104.809162 C224.696628,104.544942 228.442503,104.360933 233.325048,104.360933 C238.207678,104.360933 241.953468,104.544942 242.447126,104.809162 L243.284708,105.257391 L243.284708,114.083902 C243.284708,118.938426 243.16649,123.218558 243.021888,123.595287 L242.759067,124.280246 L233.325048,124.280246 L223.891071,124.280246 L223.62825,123.595287 Z M293.336416,123.906838 C293.00878,123.376598 292.981294,43.8188759 293.308844,43.2892047 C293.471007,43.0268081 304.180276,42.8707953 322.025493,42.8707953 L350.483521,42.8707953 L351.470541,42.1793849 C352.727762,41.2987911 352.555249,39.8279109 351.109226,39.0989183 L350.026681,38.5532131 L321.554995,38.5464263 L293.083351,38.5396394 L293.051113,37.1322587 C292.936585,32.0917922 293.123987,21.8993425 293.335058,21.6886108 C293.47474,21.5490986 307.516225,21.4623118 324.538409,21.495737 L355.487847,21.5564793 L358.331707,22.9565217 C364.013616,25.7537646 368.349099,31.6029268 369.388123,37.8734677 L369.881018,40.8479321 L369.371029,43.8220997 C368.314613,49.9825239 363.855822,55.9011665 358.319533,58.491877 L355.525684,59.7992789 L333.289756,59.7801909 C321.060021,59.7700106 310.811495,59.9173277 310.515376,60.108123 L309.976925,60.4551432 L309.865832,92.2589183 L309.754698,124.062795 L301.666808,124.180492 C297.158855,124.246091 293.471601,124.124547 293.336458,123.9059 L293.336416,123.906838 Z M314.599449,124.000819 C314.435631,123.836946 314.301506,110.38719 314.301506,94.1125345 L314.301506,64.5222481 L327.075249,64.5222481 L339.84895,64.5222481 L354.601909,94.0254931 C363.23245,111.285175 369.194698,123.688916 368.969035,123.9146 C368.756861,124.126778 364.992534,124.247135 360.603945,124.182053 L352.624602,124.063733 L342.400467,103.731453 C336.777222,92.5487169 331.956267,83.3258112 331.687253,83.23614 L331.198176,83.0731707 L331.085684,103.568441 L330.97315,124.063733 L322.93527,124.181243 C318.514443,124.245875 314.763309,124.1647 314.599449,124.000819 Z M368.15105,112.480212 C352.969459,82.1767126 344.613531,65.3265323 344.613531,65.0154825 C344.613531,64.8286744 347.408229,64.4791092 350.823881,64.2388547 L357.034231,63.8019512 L359.809247,62.4959491 C372.120636,56.7018028 377.322121,42.4634995 371.487084,30.5294168 C368.752916,24.9373489 362.71754,19.5300954 357.471092,17.9721315 L355.324963,17.3348038 L324.688653,17.2775822 C307.838643,17.2457688 293.829777,17.0828844 293.557837,16.9147826 L293.063415,16.6092047 L293.181506,8.41327678 L293.299597,0.217391304 L325.776755,0.217391304 L358.253955,0.217391304 L361.043606,1.0085684 C367.476819,2.83321315 372.673256,5.96865323 378.278515,11.4078897 C384.184093,17.1383669 387.724242,22.967211 389.662439,30.1510074 L390.582312,33.5606363 L390.808399,39.1900318 L391.034443,44.8193849 L390.336373,49.0687169 C389.516607,54.0590032 387.699173,59.0263839 385.474613,62.3570732 C382.865748,66.2631177 377.014337,71.6044963 369.107911,77.2971792 L367.904221,78.1638176 L379.21913,100.814719 C385.442248,113.272662 390.4207,123.648903 390.282248,123.872929 C390.139767,124.103499 386.566108,124.280246 382.046575,124.280246 L374.062694,124.280246 L368.15105,112.480212 Z M431.002884,123.982104 C412.662439,121.604925 402.871007,112.329926 400.233807,94.8360127 L399.613362,90.720509 L399.613362,62.1405726 L399.613362,33.5606363 L400.233807,29.4450477 C401.576204,20.540106 404.23877,14.8528102 409.563733,9.51609756 L412.815652,6.25692471 L416.496416,4.43707317 C423.83614,0.808059385 429.300021,0.000890774125 446.524946,0.000890774125 L459.038566,0.000890774125 L463.640971,0.668377519 C482.00652,3.33204666 491.397794,13.6329586 493.147275,33.0324496 C493.666049,38.7846023 493.666049,85.4964581 493.147275,91.2486108 C491.374498,110.906554 481.444836,121.492547 462.61396,123.800208 C459.041985,124.237938 434.084649,124.381552 431.002884,123.982104 L431.002884,123.982104 Z M463.955135,105.997794 C467.404297,104.664687 469.153043,103.552959 471.136751,101.432238 C473.572322,98.8283351 474.753582,96.5988123 475.600288,93.007508 L476.241557,90.2874655 L476.248047,62.2701166 L476.254537,34.2527678 L475.775996,31.9580912 C475.017849,28.3225451 473.03804,24.6007635 470.697777,22.4117073 C468.080848,19.96386 465.863092,18.8097985 462.098206,17.9366278 L459.182185,17.2603606 L445.092607,17.4142948 L431.003012,17.5682291 L428.837879,18.3520255 C421.841442,20.8849205 418.095822,25.8055567 416.96263,33.952789 C416.334252,38.4710498 416.334252,85.810053 416.96263,90.3282715 C418.092004,98.4479321 421.740954,103.311135 428.520382,105.732216 L431.003012,106.618749 L435.982859,106.897179 C438.721735,107.050308 445.736819,107.064857 451.57189,106.929841 L462.181086,106.683733 L463.955296,105.998006 L463.955135,105.997794 Z M435.549676,102.805769 C432.523164,102.44666 428.799788,101.252047 427.118218,100.100657 C424.82948,98.5335737 422.751771,95.7372216 421.823499,92.9747614 L421.066087,90.720509 L420.927508,64.1042206 L420.788929,37.4879745 L421.257815,34.4657476 C422.319576,27.6223542 425.640594,23.8207847 432.069039,22.0897561 C434.600704,21.4080594 452.40196,21.0882715 457.641697,21.6303287 L461.721917,22.0525133 L464.489709,23.4573065 L467.257548,24.8621845 L468.735474,26.7977943 C469.548314,27.8623542 470.603737,30.018579 471.080848,31.5892683 L471.948288,34.4450901 L471.827907,63.0158643 L471.707572,91.5865536 L470.714418,94.0436479 C469.05362,98.1525345 465.940229,100.803309 461.314867,102.046617 L459.149722,102.628547 L448.107495,102.807084 C442.03424,102.905281 436.383211,102.90473 435.549676,102.807084 L435.549676,102.805769 Z M453.991911,84.309141 L455.035945,83.0941251 L455.035945,62.0830965 L455.035945,41.0720255 L453.770159,39.8062354 L452.504369,38.5404878 L446.869896,38.5404878 C440.885692,38.5404878 439.340581,38.8530647 438.613879,40.2109014 C438.318057,40.7636055 438.150973,48.3409968 438.131631,62.0799152 L438.102363,83.1031177 L438.807644,84.1795122 C439.720221,85.5723436 440.282172,85.6670201 447.171975,85.5893107 L452.948136,85.5241569 L453.99217,84.309141 L453.991911,84.309141 Z M506.538702,106.928696 C506.538702,106.928696 523.61231,106.902821 532.146842,106.861379 L556.581336,106.742566 L559.566163,105.328993 L562.55099,103.915461 L566.112178,100.349183 C571.518503,94.9350583 573.466532,90.3377731 573.414134,83.1163945 L573.387283,79.4095016 L572.469086,76.3863839 C571.243177,72.3504984 568.88495,68.8266384 565.014876,65.2477625 L561.819207,62.2925981 L565.016394,59.4033934 C568.851169,55.9379852 571.220492,52.4198091 572.493031,48.3015907 L573.43522,45.2524284 L573.423088,41.1386638 L573.410957,37.0248568 L572.48098,33.9756522 C571.969446,32.2986214 570.797493,29.7653871 569.876611,28.3462566 C567.544229,24.751983 562.863359,20.5152492 559.42411,18.8855567 L556.581319,17.538579 L531.990889,17.3220361 L506.538685,17.3169459 C506.538685,17.3169459 506.442426,5.5783245 506.538685,0.00678685048 L531.297739,1.13686838e-13 L554.98968,1.13686838e-13 L558.195822,0.613446448 C565.505226,2.01200424 572.226401,5.72012725 578.275992,11.6917922 C584.58618,17.9207211 588.476734,25.3107105 589.982592,33.928017 L590.674918,37.890053 L590.428526,42.8699046 C590.126095,48.9826087 588.914176,54.09421 586.663381,58.7502439 L584.952568,62.2891622 L586.676458,65.895228 C587.624573,67.8785578 588.819478,71.060106 589.331792,72.9654295 L590.263283,76.4296925 L590.296624,83.1416331 L590.32954,89.8535737 L589.580747,92.8253659 C587.582448,100.756394 583.817731,107.180021 577.72666,113.051835 C573.039113,117.570655 565.274341,122.574028 559.555758,124.009154 L558.310193,124.321739 C541.05281,124.132564 523.796119,124.236976 506.538689,124.321739 L506.538702,106.928696 Z M629.330193,123.785663 C624.764551,123.205726 620.219003,121.847813 616.122808,119.840182 L612.442057,118.03617 L608.966609,114.554486 L605.491156,111.072831 L603.652,107.39211 C602.640488,105.367678 601.287529,101.762757 600.645476,99.3810817 L599.478032,95.0507741 L599.331538,64.5222481 C599.155203,27.7862142 599.315504,25.9437964 603.438863,17.3434995 L605.400831,13.2511983 L608.953531,9.70646872 L612.506231,6.16178155 L616.178278,4.38439024 C623.586541,0.798557794 629.016382,0.000381760339 645.990477,0.00211805748 C659.442223,0.00211805748 664.231525,0.406320255 669.730367,1.99919406 C682.3132,5.6442842 689.287436,13.6878473 692.173531,27.8835631 L692.887512,31.3955037 L693.00646,58.2433086 C693.134078,87.0463203 692.870235,94.090859 691.453841,99.6995122 C687.918414,113.699427 678.018545,121.866651 662.240411,123.800208 C657.682049,124.358825 633.759262,124.34825 629.330193,123.785659 L629.330193,123.785663 Z M662.519504,106.166448 C669.695809,104.176501 674.019953,99.3320891 675.476793,91.6502651 C675.700624,90.4700742 675.877519,77.3283563 675.873388,62.1896925 L675.865934,34.8597243 L675.253417,31.9698409 C674.407495,27.9784517 672.635796,24.5738706 670.236988,22.3300954 C667.709183,19.9656416 665.458621,18.8025875 661.743707,17.9410817 L658.846744,17.2692259 L644.738091,17.408017 L630.629391,17.5467656 L628.118341,18.4916225 C621.280594,21.0645175 617.599499,26.0363521 616.513379,34.1659385 C616.241735,36.1994062 616.127419,47.8042842 616.214371,64.5222481 L616.355147,91.5865536 L617.271393,94.2774973 C619.55597,100.987232 623.237323,104.459639 629.979847,106.26456 L632.361506,106.902057 L646.011283,106.930901 L659.661099,106.959745 L662.51961,106.167126 L662.519504,106.166448 Z M633.491215,102.525642 C627.877557,101.790795 623.694795,98.635334 621.658346,93.5988971 L620.669612,91.1535101 L620.669612,62.1405726 L620.669612,33.1276352 L621.710528,30.5428632 C622.395321,28.842333 623.520853,27.1887169 625.000467,25.7090562 L627.249493,23.4600212 L630.238473,22.4958218 L633.227461,21.5316225 L645.945137,21.6016543 C652.939856,21.6402545 659.533205,21.8668081 660.597027,22.1052386 C664.963084,23.0836903 668.717205,26.2311347 670.361116,30.2914952 L671.334045,32.6945493 L671.334045,61.9240721 L671.334045,91.1535101 L670.506914,93.5309014 L669.679788,95.9082503 L667.218579,98.3694168 L664.757396,100.830626 L661.766766,101.706384 L658.776182,102.582057 L647.517421,102.734973 C641.325103,102.81913 635.013315,102.724793 633.491215,102.525642 L633.491215,102.525642 Z M653.408568,84.4629056 L654.686265,83.1852386 L654.5661,61.9076988 L654.445892,40.6300742 L653.19491,39.554316 L651.943932,38.4785578 L645.685926,38.6177731 L639.427873,38.7569883 L638.644225,39.7259809 C637.496607,41.1450265 637.376399,43.66579 637.47175,64.3057052 L637.557752,82.9259809 L638.127359,83.9247084 C638.993676,85.4437328 640.096861,85.6833934 646.35989,85.7132131 L652.130829,85.7403606 L653.408568,84.4629056 Z M731.638685,124.171992 C731.582045,124.112445 731.435898,104.869692 731.313917,81.4103499 L731.092076,38.7569883 L716.369077,38.5404878 L701.646087,38.3239873 L701.527784,30.3446023 C701.457548,25.6078897 701.579835,22.1949523 701.828742,21.9460445 C702.347033,21.4276988 746.779075,21.2491198 747.872,21.7609756 L748.629799,22.1158006 L748.629799,72.5130859 C748.629799,100.231559 748.511542,123.218558 748.366948,123.595287 L748.104102,124.280246 L739.922838,124.280246 C735.42319,124.280246 731.695283,124.231529 731.638685,124.171992 L731.638685,124.171992 Z M753.195487,123.877777 C753.052284,123.646036 752.932942,100.615525 752.930341,72.6988335 L752.925591,21.9412937 L753.412793,21.6401273 C754.220954,21.1406999 798.794426,21.4123012 799.301892,21.9198303 C799.583881,22.2017815 799.703962,25.2939979 799.629043,30.3446023 L799.51074,38.3239873 L784.78775,38.5404878 L770.064759,38.7569883 L769.848242,81.4103499 L769.631729,124.063733 L761.543822,124.181429 C756.634965,124.252865 753.353552,124.13351 753.195499,123.877777 L753.195487,123.877777 Z M506.538702,102.813871 L506.572933,83.8787699 L506.538702,64.5216967 L554.865671,64.5216967 L557.833739,65.7664899 C563.801014,68.2690986 568.00495,74.4654931 568.970821,80.6694804 L569.423249,83.5755249 L568.970821,86.4815695 C568.722002,88.0798727 567.928908,90.5849841 567.208433,92.0484836 C565.036361,96.4606575 559.800433,101.036649 555.721773,102.282672 L553.982986,102.813871 L506.538702,102.813871 Z M550.735398,85.1801485 C551.444874,84.8212513 551.817972,84.2682503 551.817972,83.5755249 C551.817972,82.8827572 551.444874,82.3297137 550.735398,81.9707741 L549.652823,81.4231177 L535.038091,81.4163309 L520.423355,81.409544 L520.423355,83.2859809 C520.423355,84.3180488 520.55326,85.2923436 520.712055,85.4511559 C520.8708,85.6098834 527.447432,85.7369671 535.326787,85.7334464 L549.652823,85.7266596 L550.735398,85.1789608 L550.735398,85.1801485 Z M506.538702,21.4942948 C506.538702,21.4942948 538.16811,21.5625027 553.982986,21.5197455 L555.721773,22.0083987 C559.800042,23.1545281 565.032551,27.8127253 567.209994,32.2358006 C567.931334,33.7009968 568.737938,36.2061082 569.00252,37.8027572 L569.483572,40.7056204 L569.011567,43.5540191 C567.953938,49.9366278 563.707695,55.623245 557.843919,58.5099894 L554.885981,59.966193 L531.298749,59.970859 L506.538702,59.9500742 L506.538702,21.4942948 Z M550.735398,42.3102863 C551.444874,41.9513468 551.817972,41.3983457 551.817972,40.7056204 C551.817972,40.013701 551.444047,39.4583669 550.735398,39.0977731 L549.652823,38.5469777 L535.146346,38.6519618 L520.639869,38.7569883 L520.501086,40.2055567 C520.424785,41.0022057 520.467321,41.9278473 520.595784,42.262439 L520.829192,42.8707953 L535.24101,42.8640085 L549.652823,42.8572216 L550.735398,42.3095228 L550.735398,42.3102863 Z M701.90439,16.7228844 L701.409654,16.126702 L701.527873,8.17204666 L701.646087,0.217391304 L750.578435,0.217391304 L799.510727,0.217391304 L799.628946,8.17204666 L799.74716,16.126702 L799.253077,16.7220361 L798.75899,17.3173701 L750.579126,17.3173701 L702.399169,17.3173701 L701.90439,16.7211877 L701.90439,16.7228844 Z" id="path3129"></path>
        </g>
    </g>
</svg>	
</div>

<h2>Character Matrix</h2>

	<div class="controls filter">
		
<div class="pills">
    <input type="checkbox" id="option-a" name="selector" value="a">
	<label class="selector filter-selector option-a" for="option-a">F Society</label>

    <input type="checkbox" id="option-b" name="selector" value="b">
    <label class="selector filter-selector" for="option-b">E Corp</label>

    <input type="checkbox" id="option-c" name="selector" value="c">
    <label class="selector filter-selector" for="option-c">Dark Army</label> 
	
	<input type="checkbox" id="option-d" name="selector" value="d">
    <label  class="selector filter-selector" for="option-d">FBI</label> 

	<input type="checkbox" id="option-e" name="selector" value="E">
    <label class="selector filter-selector" for="option-e">Unaligned</label> 
</div>
		
	</div>

	<div class="controls sort">
	

<div class="pills">
    <input type="radio" id="option-alpha" name="selector" value="a">
	<label class="selector sort-selector option-alpha" for="option-alpha">A-Z</label>

    <input type="radio" id="option-beta" name="selector" value="b">
    <label class="selector sort-selector" for="option-beta">Living</label>

    <input type="radio" id="option-gamma" name="selector" value="c">
    <label class="selector sort-selector" for="option-gamma">Dead</label> 
	
	
	<input type="radio" id="option-delta" name="selector" value="d">
    <label  class="selector sort-selector" for="option-delta">Male</label> 

	<input type="radio" id="option-epsioln" name="selector" value="E">
    <label class="selector sort-selector" for="option-epsilon">Female</label> 
</div>
</div>

<div class="character-grid">
	<div class="character-item">Angela Moss</div>
	<div class="character-item">Darlene Alderson</div>
	<div class="character-item">Dominique DiPierro</div>
	<img class="character-item elliot-alderson" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/1328255/elliot_alderson.jpg">
	<div class="character-item">Elliot Alderson</div>
	<div class="character-item">Ernesto Santiago</div>
	<div class="character-item">Fernando Vera</div>
	<div class="character-item">Francis Shaw</div>	
	<div class="character-item">Gideon Goddard</div>
	<div class="character-item">Irving</div>	
	<div class="character-item">Krista Gordon</div>
	<div class="character-item">Philip Price</div>
	<div class="character-item">Leon</div>
	<div class="character-item">Mobley</div>	
	<div class="character-item">Olivia Cortez</div>	
	<div class="character-item">Oliver Parker</div>	
	<div class="character-item e-corp">Philip Price</div>	
	<div class="character-item">Ray Heyworth</div>	
	<div class="character-item">Scott Knowles</div>	
	<div class="character-item">Sharon Knowles</div>	
	<div class="character-item">Shayla Nico</div>	
	<div class="character-item">Susan Jacobs</div>	
	<div class="character-item">Sharon Knowles</div>	
	<div class="character-item">Shayla Nico</div>	
	<div class="character-item">Susan Jacobs</div>	
	<div class="character-item">Terence Colby</div>
	<div class="character-item">Trenton</div>	
	<div class="character-item">Tyrell Wellick</div>	
	<div class="character-item">Wang Shu</div>	
	<div class="character-item">Whiterose</div>	
</body>
$dark: #1a1a1a;
$robot-red: #df2d2f;
$grey: #9e9e9e;

@mixin typography($font-family, $color, $case, $spacing, $font-size) {
	font-family: $font-family;
	color: $color;
	text-transform: $case;
	letter-spacing: $spacing;
	font-size: $font-size;
}

body {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(15, 100px);
	grid-gap: 16px 16px;
	//height: 100vh;
	background: $dark;
	margin: 20px auto;
	width: 1024px;
}

.header {
	grid-area: 1 / 1 / 1 / 13;
	justify-self: center;
	#robot-logo {
		width: 600px;
		@media (max-width: 1200px) {
			width: 400px;
		}
	}
}

h2 {
	@include typography("Share Tech", $robot-red, uppercase, 1.1px, 28px);
	grid-area: 2 / 3/ 2 / 11;
	border-top: 3px solid $robot-red;
	border-bottom: 3px solid $robot-red;
	padding: 1rem 0 1rem;
	text-align: center;
	align-self: center;
	@media (max-width: 1200px) {
		font-size: 24px;
	}
}

.controls {
	@include typography("Share Tech", $robot-red, uppercase, 1.1px, 18px);
	width: 100%;
	//padding: 1rem;
    justify-self: center;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 30px;
		&.filter {
		grid-column: 3 / 11;
		grid-row: 3/ 4;
	}
		&.sort {
		margin-top: 60px;
		grid-column: 3 / 11;
		grid-row: 3/4;
	}

}

.pills {
	display:flex;
	flex-direction: row;
	box-sizing: border-box;
		& input[type="checkbox"], & input[type="radio"] {
		opacity: 0;
		position: fixed;
		width: 0;
	}
}


.selector {
	display: flex;
	align-items: center;
	justify-content:center;
	flex-grow: 1;
	cursor: pointer;
	border-right: 0;	
}

.filter-selector{
	border: 2px solid $robot-red;	
		&:hover {
			background: darken($robot-red, 60%);
			color: $robot-red;
		}
}

.sort-selector {
	border: 2px solid $grey;
	color: $grey;
		&:hover {
			background: darken($grey, 60%);
			color: $grey;
		}
}

input[type="checkbox"]:checked + label, input[type="radio"]:checked + label {
	background: darken($robot-red, 60%);
	color: white;
}


.character-grid {
	grid-row: 4 / 18;
	grid-column: 3 / 11;
	//display: flex;
	//border: 2px solid yellow;
	//flex-direction: row;
	justify-content: center; 
	display: grid;
	grid-template-columns: repeat(4, 1fr);

	
}

.character-item {
	//border: 2px solid $robot-red;
	width: 150px;
	height: 150px;
	margin: 10px;
	border-radius: 100px;
}



External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js