File size: 1,770 Bytes
ded89f7 c430896 ded89f7 78e6b31 1f09a89 9e5c0c6 1f09a89 9e5c0c6 78e6b31 ded89f7 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 |
body {
font-family: Arial, sans-serif;
background-color: #111;
color: white;
text-align: center;
}
h1, h2, h3 {
color: #FFD700;
}
.grid-container {
display: flex;
justify-content: center;
gap: 50px;
margin-bottom: 30px;
}
.grid-wrapper {
background-color: #222;
padding: 15px;
border-radius: 10px;
box-shadow: 0 0 10px #fff3;
}
.grid {
display: inline-block;
}
.grid-row {
display: flex;
}
.cell {
width: 10px;
height: 10px;
border: 1px solid #333;
}
form {
background-color: #1a1a1a;
padding: 20px 40px;
border-radius: 12px;
box-shadow: 0 0 15px #00000066;
width: fit-content;
}
select {
font-size: 1.1em;
padding: 10px 15px;
border-radius: 8px;
border: 1px solid #555;
background-color: black; /* White background */
color: white; /* Black text */
min-width: 300px; /* Wider dropdown */
}
button{
font-size: 1.1em;
border-radius: 8px;
border:1px solid #555;
background-color: black;
color: white;
}
/* ARC Color Mapping: You can customize these */
/* You can customize these */
.color-0 { background-color: #000000; } /* black */
.color-1 { background-color: #0074D9; } /* strong blue */
.color-2 { background-color: #FF4136; } /* vivid red */
.color-3 { background-color: #2ECC40; } /* bright green */
.color-4 { background-color: #FFDC00; } /* yellow */
.color-5 { background-color: #AAAAAA; } /* gray */
.color-6 { background-color: #F012BE; } /* hot pink */
.color-7 { background-color: #FF851B; } /* orange */
.color-8 { background-color: #7FDBFF; } /* light blue */
.color-9 { background-color: #870C25; } /* dark red */
.color-10 { background-color: #FFFFFF; } /* white */
|