/* All artwork below are by the authors stated and released under CREATIVE COMMONS PUBLIC LICENSE (CC BY 3.0) Which states that You are free to: Share — copy and redistribute the material in any medium or format Adapt — remix, transform, and build upon the material for any purpose, even commercially. Under the following terms: Attribution — You must give appropriate credit, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use. No additional restrictions — You may not apply legal terms or technological measures that legally restrict others from doing anything the license permits. https://creativecommons.org/licenses/by/3.0/legalcode */ .blackhandshield{ /*black-hand-shield icon. By lorc under (CC BY 3.0) from game-icons.net https://game-icons.net/1x1/lorc/black-hand-shield.html*/ background: url('data:image/svg+xml;utf8,'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; } .wingedsword{ /*winged-sword icon. By lorc under (CC BY 3.0) from game-icons.net https://game-icons.net/1x1/lorc/winged-sword.html*/ background: url('data:image/svg+xml;utf8,'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; } .vampiredracula{ /*vampire-dracula icon. By delapouite under (CC BY 3.0) from game-icons.net https://game-icons.net/1x1/delapouite/vampire-dracula.html*/ background: url('data:image/svg+xml;utf8,'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; } .annexation{ /*annexation icon. By cathelineau under (CC BY 3.0) from game-icons.net https://game-icons.net/1x1/cathelineau/annexation.html*/ background: url('data:image/svg+xml;utf8,'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; } .fishing{ /*fishing icon. By delapouite under (CC BY 3.0) from game-icons.net https://game-icons.net/1x1/delapouite/fishing.html*/ background: url('data:image/svg+xml;utf8,'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; } .lunarmodule{ /*lunar-module icon. By delapouite under (CC BY 3.0) from game-icons.net https://game-icons.net/1x1/delapouite/lunar-module.html*/ background: url('data:image/svg+xml;utf8,'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; } .snakespiral{ /*snake-spiral icon. By delapouite under (CC BY 3.0) from game-icons.net https://game-icons.net/1x1/delapouite/snake-spiral.html*/ background: url('data:image/svg+xml;utf8,'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; } .buglecall{ /*bugle-call icon. By lorc under (CC BY 3.0) from game-icons.net https://game-icons.net/1x1/lorc/bugle-call.html*/ background: url('data:image/svg+xml;utf8,'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; } .diplodocus{ /*diplodocus icon. By delapouite under (CC BY 3.0) from game-icons.net https://game-icons.net/1x1/delapouite/diplodocus.html*/ background: url('data:image/svg+xml;utf8,'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; } .rollingdices{ /*rolling-dices icon. By delapouite under (CC BY 3.0) from game-icons.net https://game-icons.net/1x1/delapouite/rolling-dices.html*/ background: url('data:image/svg+xml;utf8,'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; } .mouthwatering{ /*mouth-watering icon. By lorc under (CC BY 3.0) from game-icons.net https://game-icons.net/1x1/lorc/mouth-watering.html*/ background: url('data:image/svg+xml;utf8,'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; } .helicopter{ /*helicopter icon. By delapouite under (CC BY 3.0) from game-icons.net https://game-icons.net/1x1/delapouite/helicopter.html*/ background: url('data:image/svg+xml;utf8,'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; } .americanfootballhelmet{ /*american-football-helmet icon. By delapouite under (CC BY 3.0) from game-icons.net https://game-icons.net/1x1/delapouite/american-football-helmet.html*/ background: url('data:image/svg+xml;utf8,'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; } .andromedachain{ /*andromeda-chain icon. By lorc under (CC BY 3.0) from game-icons.net https://game-icons.net/1x1/lorc/andromeda-chain.html*/ background: url('data:image/svg+xml;utf8,'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; } .drakkar{ /*drakkar icon. By delapouite under (CC BY 3.0) from game-icons.net https://game-icons.net/1x1/delapouite/drakkar.html*/ background: url('data:image/svg+xml;utf8,'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; } .riotshield{ /*riot-shield icon. By lorc under (CC BY 3.0) from game-icons.net https://game-icons.net/1x1/lorc/riot-shield.html*/ background: url('data:image/svg+xml;utf8,'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; } .vikinghelmet{ /*viking-helmet icon. By delapouite under (CC BY 3.0) from game-icons.net https://game-icons.net/1x1/delapouite/viking-helmet.html*/ background: url('data:image/svg+xml;utf8,'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; } .dragonhead{ /*dragon-head icon. By lorc under (CC BY 3.0) from game-icons.net https://game-icons.net/1x1/lorc/dragon-head.html*/ background: url('data:image/svg+xml;utf8,'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; } .swordspade{ /*sword-spade icon. By lorc under (CC BY 3.0) from game-icons.net https://game-icons.net/1x1/lorc/sword-spade.html*/ background: url('data:image/svg+xml;utf8,'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; } .fangs{ /*fangs icon. By skoll under (CC BY 3.0) from game-icons.net https://game-icons.net/1x1/skoll/fangs.html*/ background: url('data:image/svg+xml;utf8,'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; } .robe{ /*robe icon. By lorc under (CC BY 3.0) from game-icons.net https://game-icons.net/1x1/lorc/robe.html*/ background: url('data:image/svg+xml;utf8,'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; } .unlitbomb{ /*unlit-bomb icon. By lorc under (CC BY 3.0) from game-icons.net https://game-icons.net/1x1/lorc/unlit-bomb.html*/ background: url('data:image/svg+xml;utf8,'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; } .bearhead{ /*bear-head icon. By delapouite under (CC BY 3.0) from game-icons.net https://game-icons.net/1x1/delapouite/bear-head.html*/ background: url('data:image/svg+xml;utf8,'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; } .orbit{ /*orbit icon. By skoll under (CC BY 3.0) from game-icons.net https://game-icons.net/1x1/skoll/orbit.html*/ background: url('data:image/svg+xml;utf8,'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; } .dwarfface{ /*dwarf-face icon. By delapouite under (CC BY 3.0) from game-icons.net https://game-icons.net/1x1/delapouite/dwarf-face.html*/ background: url('data:image/svg+xml;utf8,'); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; } .box { width: 60px; height: 60px; padding: 3px; background: rgba(125,125,126,0.9); margin: 0; } .grid-container { margin-left: auto; margin-right: auto; display: grid; grid-template-columns: 65px 65px 65px 65px 65px; background-color: rgb(155, 155, 155); padding: 10px; } .wrapper{ text-align: center } body{ background-color: rgb(155, 195, 155); } .big{ margin-left: auto; margin-right: auto; border: none; padding: 5px; font-family: "Arial Black"; font-size: 48px; font-weight:1100; } .button{ background-color: rgb(24,24,24); border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 48px; }

WITS