main { background-color: #666; } body.Anarchist header.your_turn { background-color: hsl(257, 10%, 65%); } body.Communist header.your_turn { background-color: hsl(0, 55%, 65%); } body.Moderate header.your_turn { background-color: hsl(325, 30%, 65%); } body header.fascist.your_turn { background-color: hsl(30, 35%, 65%); } #role_Anarchist { background-color: hsl(257, 10%, 70%); } #role_Communist { background-color: hsl(0, 55%, 70%); } #role_Moderate { background-color: hsl(325, 30%, 70%); } #log div.h.a { background-color: hsl(257, 10%, 75%); } #log div.h.c { background-color: hsl(0, 55%, 75%); } #log div.h.m { background-color: hsl(325, 30%, 75%); } #log div.h.f { background-color: hsl(30, 35%, 75%); } .panel { background-image: url(images/texture.png) } .panel { background-color: hsl(0, 0%, 60%); } .panel.anarchist { background-color: hsl(257, 10%, 60%); } .panel.communist { background-color: hsl(0, 35%, 60%); } .panel.moderate { background-color: hsl(325, 20%, 60%); } .panel.fascist { background-color: hsl(30, 30%, 60%); } .panel .panel_header { background-color: hsl(0, 0%, 75%); } .panel.anarchist .panel_header { background-color: hsl(257, 10%, 75%); } .panel.communist .panel_header { background-color: hsl(0, 60%, 75%); } .panel.moderate .panel_header { background-color: hsl(325, 35%, 75%); } .panel.fascist .panel_header { background-color: hsl(30, 40%, 75%); } .track.action { border-color: cyan !important; } .front.action { border-color: cyan !important; } .token.action { box-shadow: 0 0 0 1px black, 0 0 0 5px cyan !important; } .card.action { box-shadow: 0 0 0 4px cyan !important; } .card.selected { box-shadow: 0 0 0 4px blue !important; } #log div:empty { min-height: 6px; } #log .h { background-color: tan; border-top: 1px solid black; border-bottom: 1px solid black; margin: 8px 0; } #log div { padding-left: 20px; text-indent: -12px; } #log div.i { padding-left: 32px; text-indent: -12px; } #log div.ii { padding-left: 44px; text-indent: -12px; } #mapwrap { width: 1650px; height: 1275px; border: 1px solid black; border-top: none; box-shadow: 2px 2px 4px #0004; } #map { width: 1650px; height: 1275px; background-size: 1650px 1275px; background-image: url(images/map75.jpg); } @media (min-resolution: 97dpi) { #map { background-image: url(images/map150.jpg); } } /* PANELS */ .panel:has(.panel_body:empty) { display: none; } .panel { padding: 4px; max-width: calc(1650px - 8px); margin: 24px auto; border: 1px solid black; box-shadow: 2px 2px 4px #0004; } .panel_header { padding: 3px 6px; border: 1px solid black; text-align: center; font-weight: bold; box-shadow: 1px 1px 4px #0003; } .panel_body { display: flex; flex-wrap: wrap; gap: 16px; padding: 12px; min-height: 281px; } #bag_of_glory { min-height: fit-content; display: grid; grid-template-columns: repeat(6, 51px); grid-template-rows: repeat(3, 51px); gap: 7px; } #bag_of_glory_panel { max-width: fit-content; background-color: tan; } #bag_of_glory_panel .panel_header { background-color: wheat; } /* SPACES */ .track { position: absolute; border: 4px solid transparent; width: 50px; height: 52px; } .front { position: absolute; border: 6px solid transparent; border-radius: 34px; } /* CONTAINERS */ .front_container { position: absolute; display: flex; justify-content: center; flex-wrap: wrap; gap: 4px; } .front_container div { margin-right: -30px; margin-bottom: -30px; } .medallion_container { position: absolute; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 70px; height: 70px; } .glory_container { position: absolute; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 9px; padding: 4px; } .fascist_deck { position: absolute; display: flex; flex-wrap: wrap; height: 282px; } .fascist_deck .card { margin-right: -210px; } .fascist_deck .card_118 { margin-top: -8px; } .fascist_deck .card_119 { margin-top: -4px; } .fascist_deck .card_120 { margin-top: 0px; } .current_events { position: absolute; width: 208px; height: 282px; } .token_pool { height: 64px; display: flex; flex-wrap: wrap; padding: 0 0 12px 24px; gap: 8px; align-items: center; } /* TOKENS */ #pieces > .token { position: absolute; } .token { border: 3px solid black; width: 45px; height: 45px; } .token:not(.action) { pointer-events: none; } /* :r! node tools/gencolor.js */ .token.white { background-color: #bbbbbb; border-color: #d6d6d6 #737373 #737373 #d6d6d6; box-shadow: 0 0 0 1px #323232, 0px 1px 4px #0008; } .token.red { background-color: #ef0500; border-color: #ff5d49 #b40000 #b40000 #ff5d49; box-shadow: 0 0 0 1px #790000, 0px 1px 4px #0008; } .token.pink { background-color: #da997b; border-color: #fdba9b #94593c #94593c #fdba9b; box-shadow: 0 0 0 1px #521d00, 0px 1px 4px #0008; } .token.brown { background-color: #bbb079; border-color: #dbd097 #786d38 #786d38 #dbd097; box-shadow: 0 0 0 1px #3b3000, 0px 1px 4px #0008; } .token.gray { background-color: #a6a6a8; border-color: #c9c9cb #676769 #676769 #c9c9cb; box-shadow: 0 0 0 1px #2f2f30, 0px 1px 4px #0008; } .token.blank { width: 45px; height: 45px; } .token.round { width: 58px; height: 58px; } .token.square { width: 45px; height: 45px; } .token.standee { width: 44px; height: 54px; } .token.medallion { width: 53px; height: 53px; } .token.round, .token.blank { border-radius: 50%; } .token.standee { border-radius: 8px; } .token.medallion { border-radius: 8px; } /* CARDS */ .card { background-size: 100% 100%; width: 206px; height: 281px; border-radius: 10px; box-shadow: 0 0 0 1px black, 1px 1px 4px #0006; } /* IMAGES */ .front_plus { background-image: url(images/tokens75/front_plus.png); } .front_minus { background-image: url(images/tokens75/front_minus.png); } .standee_0 { background-image: url(images/tokens75/standee_0.png); } .standee_1 { background-image: url(images/tokens75/standee_1.png); } .standee_2 { background-image: url(images/tokens75/standee_2.png); } .standee_3 { background-image: url(images/tokens75/standee_3.png); } .standee_4 { background-image: url(images/tokens75/standee_4.png); } .medallion_0 { background-image: url(images/tokens75/medallion_0.png); } .medallion_1 { background-image: url(images/tokens75/medallion_1.png); } .medallion_2 { background-image: url(images/tokens75/medallion_2.png); } .medallion_3 { background-image: url(images/tokens75/medallion_3.png); } .medallion_4 { background-image: url(images/tokens75/medallion_4.png); } .medallion_5 { background-image: url(images/tokens75/medallion_5.png); } .medallion_6 { background-image: url(images/tokens75/medallion_6.png); } .medallion_7 { background-image: url(images/tokens75/medallion_7.png); } .medallion_8 { background-image: url(images/tokens75/medallion_8.png); } .medallion_9 { background-image: url(images/tokens75/medallion_9.png); } .bonus_morale { background-image: url(images/tokens75/bonus_morale_on.png); } .bonus_morale.off { background-image: url(images/tokens75/bonus_morale_off.png); } .bonus_teamwork { background-image: url(images/tokens75/bonus_teamwork_on.png); } .bonus_teamwork.off { background-image: url(images/tokens75/bonus_teamwork_off.png); } .player.anarchist { background-image: url(images/tokens75/player_anarchist.png); } .player.communist { background-image: url(images/tokens75/player_communist.png); } .player.moderate { background-image: url(images/tokens75/player_moderate.png); } .initiative { background-image: url("images/tokens75/initiative_cw.png"); } .initiative.ccw { background-image: url("images/tokens75/initiative_ccw.png"); } .hero_point { background-image: url("images/tokens75/hero_point.png"); } .card_1 { background-image: url(images/cards75/card_1.avif); } .card_2 { background-image: url(images/cards75/card_2.avif); } .card_3 { background-image: url(images/cards75/card_3.avif); } .card_4 { background-image: url(images/cards75/card_4.avif); } .card_5 { background-image: url(images/cards75/card_5.avif); } .card_6 { background-image: url(images/cards75/card_6.avif); } .card_7 { background-image: url(images/cards75/card_7.avif); } .card_8 { background-image: url(images/cards75/card_8.avif); } .card_9 { background-image: url(images/cards75/card_9.avif); } .card_10 { background-image: url(images/cards75/card_10.avif); } .card_11 { background-image: url(images/cards75/card_11.avif); } .card_12 { background-image: url(images/cards75/card_12.avif); } .card_13 { background-image: url(images/cards75/card_13.avif); } .card_14 { background-image: url(images/cards75/card_14.avif); } .card_15 { background-image: url(images/cards75/card_15.avif); } .card_16 { background-image: url(images/cards75/card_16.avif); } .card_17 { background-image: url(images/cards75/card_17.avif); } .card_18 { background-image: url(images/cards75/card_18.avif); } .card_19 { background-image: url(images/cards75/card_19.avif); } .card_20 { background-image: url(images/cards75/card_20.avif); } .card_21 { background-image: url(images/cards75/card_21.avif); } .card_22 { background-image: url(images/cards75/card_22.avif); } .card_23 { background-image: url(images/cards75/card_23.avif); } .card_24 { background-image: url(images/cards75/card_24.avif); } .card_25 { background-image: url(images/cards75/card_25.avif); } .card_26 { background-image: url(images/cards75/card_26.avif); } .card_27 { background-image: url(images/cards75/card_27.avif); } .card_28 { background-image: url(images/cards75/card_28.avif); } .card_29 { background-image: url(images/cards75/card_29.avif); } .card_30 { background-image: url(images/cards75/card_30.avif); } .card_31 { background-image: url(images/cards75/card_31.avif); } .card_32 { background-image: url(images/cards75/card_32.avif); } .card_33 { background-image: url(images/cards75/card_33.avif); } .card_34 { background-image: url(images/cards75/card_34.avif); } .card_35 { background-image: url(images/cards75/card_35.avif); } .card_36 { background-image: url(images/cards75/card_36.avif); } .card_37 { background-image: url(images/cards75/card_37.avif); } .card_38 { background-image: url(images/cards75/card_38.avif); } .card_39 { background-image: url(images/cards75/card_39.avif); } .card_40 { background-image: url(images/cards75/card_40.avif); } .card_41 { background-image: url(images/cards75/card_41.avif); } .card_42 { background-image: url(images/cards75/card_42.avif); } .card_43 { background-image: url(images/cards75/card_43.avif); } .card_44 { background-image: url(images/cards75/card_44.avif); } .card_45 { background-image: url(images/cards75/card_45.avif); } .card_46 { background-image: url(images/cards75/card_46.avif); } .card_47 { background-image: url(images/cards75/card_47.avif); } .card_48 { background-image: url(images/cards75/card_48.avif); } .card_49 { background-image: url(images/cards75/card_49.avif); } .card_50 { background-image: url(images/cards75/card_50.avif); } .card_51 { background-image: url(images/cards75/card_51.avif); } .card_52 { background-image: url(images/cards75/card_52.avif); } .card_53 { background-image: url(images/cards75/card_53.avif); } .card_54 { background-image: url(images/cards75/card_54.avif); } .card_55 { background-image: url(images/cards75/card_55.avif); } .card_56 { background-image: url(images/cards75/card_56.avif); } .card_57 { background-image: url(images/cards75/card_57.avif); } .card_58 { background-image: url(images/cards75/card_58.avif); } .card_59 { background-image: url(images/cards75/card_59.avif); } .card_60 { background-image: url(images/cards75/card_60.avif); } .card_61 { background-image: url(images/cards75/card_61.avif); } .card_62 { background-image: url(images/cards75/card_62.avif); } .card_63 { background-image: url(images/cards75/card_63.avif); } .card_64 { background-image: url(images/cards75/card_64.avif); } .card_65 { background-image: url(images/cards75/card_65.avif); } .card_66 { background-image: url(images/cards75/card_66.avif); } .card_67 { background-image: url(images/cards75/card_67.avif); } .card_68 { background-image: url(images/cards75/card_68.avif); } .card_69 { background-image: url(images/cards75/card_69.avif); } .card_70 { background-image: url(images/cards75/card_70.avif); } .card_71 { background-image: url(images/cards75/card_71.avif); } .card_72 { background-image: url(images/cards75/card_72.avif); } .card_73 { background-image: url(images/cards75/card_73.avif); } .card_74 { background-image: url(images/cards75/card_74.avif); } .card_75 { background-image: url(images/cards75/card_75.avif); } .card_76 { background-image: url(images/cards75/card_76.avif); } .card_77 { background-image: url(images/cards75/card_77.avif); } .card_78 { background-image: url(images/cards75/card_78.avif); } .card_79 { background-image: url(images/cards75/card_79.avif); } .card_80 { background-image: url(images/cards75/card_80.avif); } .card_81 { background-image: url(images/cards75/card_81.avif); } .card_82 { background-image: url(images/cards75/card_82.avif); } .card_83 { background-image: url(images/cards75/card_83.avif); } .card_84 { background-image: url(images/cards75/card_84.avif); } .card_85 { background-image: url(images/cards75/card_85.avif); } .card_86 { background-image: url(images/cards75/card_86.avif); } .card_87 { background-image: url(images/cards75/card_87.avif); } .card_88 { background-image: url(images/cards75/card_88.avif); } .card_89 { background-image: url(images/cards75/card_89.avif); } .card_90 { background-image: url(images/cards75/card_90.avif); } .card_91 { background-image: url(images/cards75/card_91.avif); } .card_92 { background-image: url(images/cards75/card_92.avif); } .card_93 { background-image: url(images/cards75/card_93.avif); } .card_94 { background-image: url(images/cards75/card_94.avif); } .card_95 { background-image: url(images/cards75/card_95.avif); } .card_96 { background-image: url(images/cards75/card_96.avif); } .card_97 { background-image: url(images/cards75/card_97.avif); } .card_98 { background-image: url(images/cards75/card_98.avif); } .card_99 { background-image: url(images/cards75/card_99.avif); } .card_100 { background-image: url(images/cards75/card_100.avif); } .card_101 { background-image: url(images/cards75/card_101.avif); } .card_102 { background-image: url(images/cards75/card_102.avif); } .card_103 { background-image: url(images/cards75/card_103.avif); } .card_104 { background-image: url(images/cards75/card_104.avif); } .card_105 { background-image: url(images/cards75/card_105.avif); } .card_106 { background-image: url(images/cards75/card_106.avif); } .card_107 { background-image: url(images/cards75/card_107.avif); } .card_108 { background-image: url(images/cards75/card_108.avif); } .card_109 { background-image: url(images/cards75/card_109.avif); } .card_110 { background-image: url(images/cards75/card_110.avif); } .card_111 { background-image: url(images/cards75/card_111.avif); } .card_112 { background-image: url(images/cards75/card_112.avif); } .card_113 { background-image: url(images/cards75/card_113.avif); } .card_114 { background-image: url(images/cards75/card_114.avif); } .card_115 { background-image: url(images/cards75/card_115.avif); } .card_116 { background-image: url(images/cards75/card_116.avif); } .card_117 { background-image: url(images/cards75/card_117.avif); } .card_118 { background-image: url(images/cards75/card_118.avif); } .card_119 { background-image: url(images/cards75/card_119.avif); } .card_120 { background-image: url(images/cards75/card_120.avif); } @media (min-resolution: 97dpi) { .standee_3 { background-image: url(images/tokens150/standee_3.png); } .standee_4 { background-image: url(images/tokens150/standee_4.png); } .medallion_0 { background-image: url(images/tokens150/medallion_0.png); } .medallion_1 { background-image: url(images/tokens150/medallion_1.png); } .medallion_2 { background-image: url(images/tokens150/medallion_2.png); } .medallion_3 { background-image: url(images/tokens150/medallion_3.png); } .medallion_4 { background-image: url(images/tokens150/medallion_4.png); } .medallion_5 { background-image: url(images/tokens150/medallion_5.png); } .medallion_6 { background-image: url(images/tokens150/medallion_6.png); } .medallion_7 { background-image: url(images/tokens150/medallion_7.png); } .medallion_8 { background-image: url(images/tokens150/medallion_8.png); } .medallion_9 { background-image: url(images/tokens150/medallion_9.png); } .bonus_morale { background-image: url(images/tokens150/bonus_morale_on.png); } .bonus_morale.off { background-image: url(images/tokens150/bonus_morale_off.png); } .bonus_teamwork { background-image: url(images/tokens150/bonus_teamwork_on.png); } .bonus_teamwork.off { background-image: url(images/tokens150/bonus_teamwork_off.png); } .player.anarchist { background-image: url(images/tokens150/player_anarchist.png); } .player.communist { background-image: url(images/tokens150/player_communist.png); } .player.moderate { background-image: url(images/tokens150/player_moderate.png); } .initiative { background-image: url("images/tokens150/initiative_cw.png"); } .initiative.ccw { background-image: url("images/tokens150/initiative_ccw.png"); } .hero_point { background-image: url("images/tokens150/hero_point.png"); } .card_1 { background-image: url(images/cards150/card_1.avif); } .card_2 { background-image: url(images/cards150/card_2.avif); } .card_3 { background-image: url(images/cards150/card_3.avif); } .card_4 { background-image: url(images/cards150/card_4.avif); } .card_5 { background-image: url(images/cards150/card_5.avif); } .card_6 { background-image: url(images/cards150/card_6.avif); } .card_7 { background-image: url(images/cards150/card_7.avif); } .card_8 { background-image: url(images/cards150/card_8.avif); } .card_9 { background-image: url(images/cards150/card_9.avif); } .card_10 { background-image: url(images/cards150/card_10.avif); } .card_11 { background-image: url(images/cards150/card_11.avif); } .card_12 { background-image: url(images/cards150/card_12.avif); } .card_13 { background-image: url(images/cards150/card_13.avif); } .card_14 { background-image: url(images/cards150/card_14.avif); } .card_15 { background-image: url(images/cards150/card_15.avif); } .card_16 { background-image: url(images/cards150/card_16.avif); } .card_17 { background-image: url(images/cards150/card_17.avif); } .card_18 { background-image: url(images/cards150/card_18.avif); } .card_19 { background-image: url(images/cards150/card_19.avif); } .card_20 { background-image: url(images/cards150/card_20.avif); } .card_21 { background-image: url(images/cards150/card_21.avif); } .card_22 { background-image: url(images/cards150/card_22.avif); } .card_23 { background-image: url(images/cards150/card_23.avif); } .card_24 { background-image: url(images/cards150/card_24.avif); } .card_25 { background-image: url(images/cards150/card_25.avif); } .card_26 { background-image: url(images/cards150/card_26.avif); } .card_27 { background-image: url(images/cards150/card_27.avif); } .card_28 { background-image: url(images/cards150/card_28.avif); } .card_29 { background-image: url(images/cards150/card_29.avif); } .card_30 { background-image: url(images/cards150/card_30.avif); } .card_31 { background-image: url(images/cards150/card_31.avif); } .card_32 { background-image: url(images/cards150/card_32.avif); } .card_33 { background-image: url(images/cards150/card_33.avif); } .card_34 { background-image: url(images/cards150/card_34.avif); } .card_35 { background-image: url(images/cards150/card_35.avif); } .card_36 { background-image: url(images/cards150/card_36.avif); } .card_37 { background-image: url(images/cards150/card_37.avif); } .card_38 { background-image: url(images/cards150/card_38.avif); } .card_39 { background-image: url(images/cards150/card_39.avif); } .card_40 { background-image: url(images/cards150/card_40.avif); } .card_41 { background-image: url(images/cards150/card_41.avif); } .card_42 { background-image: url(images/cards150/card_42.avif); } .card_43 { background-image: url(images/cards150/card_43.avif); } .card_44 { background-image: url(images/cards150/card_44.avif); } .card_45 { background-image: url(images/cards150/card_45.avif); } .card_46 { background-image: url(images/cards150/card_46.avif); } .card_47 { background-image: url(images/cards150/card_47.avif); } .card_48 { background-image: url(images/cards150/card_48.avif); } .card_49 { background-image: url(images/cards150/card_49.avif); } .card_50 { background-image: url(images/cards150/card_50.avif); } .card_51 { background-image: url(images/cards150/card_51.avif); } .card_52 { background-image: url(images/cards150/card_52.avif); } .card_53 { background-image: url(images/cards150/card_53.avif); } .card_54 { background-image: url(images/cards150/card_54.avif); } .card_55 { background-image: url(images/cards150/card_55.avif); } .card_56 { background-image: url(images/cards150/card_56.avif); } .card_57 { background-image: url(images/cards150/card_57.avif); } .card_58 { background-image: url(images/cards150/card_58.avif); } .card_59 { background-image: url(images/cards150/card_59.avif); } .card_60 { background-image: url(images/cards150/card_60.avif); } .card_61 { background-image: url(images/cards150/card_61.avif); } .card_62 { background-image: url(images/cards150/card_62.avif); } .card_63 { background-image: url(images/cards150/card_63.avif); } .card_64 { background-image: url(images/cards150/card_64.avif); } .card_65 { background-image: url(images/cards150/card_65.avif); } .card_66 { background-image: url(images/cards150/card_66.avif); } .card_67 { background-image: url(images/cards150/card_67.avif); } .card_68 { background-image: url(images/cards150/card_68.avif); } .card_69 { background-image: url(images/cards150/card_69.avif); } .card_70 { background-image: url(images/cards150/card_70.avif); } .card_71 { background-image: url(images/cards150/card_71.avif); } .card_72 { background-image: url(images/cards150/card_72.avif); } .card_73 { background-image: url(images/cards150/card_73.avif); } .card_74 { background-image: url(images/cards150/card_74.avif); } .card_150 { background-image: url(images/cards75/card_75.avif); } .card_76 { background-image: url(images/cards150/card_76.avif); } .card_77 { background-image: url(images/cards150/card_77.avif); } .card_78 { background-image: url(images/cards150/card_78.avif); } .card_79 { background-image: url(images/cards150/card_79.avif); } .card_80 { background-image: url(images/cards150/card_80.avif); } .card_81 { background-image: url(images/cards150/card_81.avif); } .card_82 { background-image: url(images/cards150/card_82.avif); } .card_83 { background-image: url(images/cards150/card_83.avif); } .card_84 { background-image: url(images/cards150/card_84.avif); } .card_85 { background-image: url(images/cards150/card_85.avif); } .card_86 { background-image: url(images/cards150/card_86.avif); } .card_87 { background-image: url(images/cards150/card_87.avif); } .card_88 { background-image: url(images/cards150/card_88.avif); } .card_89 { background-image: url(images/cards150/card_89.avif); } .card_90 { background-image: url(images/cards150/card_90.avif); } .card_91 { background-image: url(images/cards150/card_91.avif); } .card_92 { background-image: url(images/cards150/card_92.avif); } .card_93 { background-image: url(images/cards150/card_93.avif); } .card_94 { background-image: url(images/cards150/card_94.avif); } .card_95 { background-image: url(images/cards150/card_95.avif); } .card_96 { background-image: url(images/cards150/card_96.avif); } .card_97 { background-image: url(images/cards150/card_97.avif); } .card_98 { background-image: url(images/cards150/card_98.avif); } .card_99 { background-image: url(images/cards150/card_99.avif); } .card_100 { background-image: url(images/cards150/card_100.avif); } .card_101 { background-image: url(images/cards150/card_101.avif); } .card_102 { background-image: url(images/cards150/card_102.avif); } .card_103 { background-image: url(images/cards150/card_103.avif); } .card_104 { background-image: url(images/cards150/card_104.avif); } .card_105 { background-image: url(images/cards150/card_105.avif); } .card_106 { background-image: url(images/cards150/card_106.avif); } .card_107 { background-image: url(images/cards150/card_107.avif); } .card_108 { background-image: url(images/cards150/card_108.avif); } .card_109 { background-image: url(images/cards150/card_109.avif); } .card_110 { background-image: url(images/cards150/card_110.avif); } .card_111 { background-image: url(images/cards150/card_111.avif); } .card_112 { background-image: url(images/cards150/card_112.avif); } .card_113 { background-image: url(images/cards150/card_113.avif); } .card_114 { background-image: url(images/cards150/card_114.avif); } .card_115 { background-image: url(images/cards150/card_115.avif); } .card_116 { background-image: url(images/cards150/card_116.avif); } .card_117 { background-image: url(images/cards150/card_117.avif); } .card_118 { background-image: url(images/cards150/card_118.avif); } .card_119 { background-image: url(images/cards150/card_119.avif); } .card_120 { background-image: url(images/cards150/card_120.avif); } }