@import url('main.css');

:root {
    --primary-color: rgba(31, 34, 36);
    --secondary-color: rgba(31, 34, 36);
    --accent-color: red;
    --background-color: rgba(54, 54, 64);
    --text-color-primary: white;
}

input {
    text-align: right;
}

/* pig cannon */
.equal {
    background: green;
    color: white;
}

.clear {
    background: red;
    color: white;
}

/* hexadecimal */
table {
    font-size: xx-small;
    border-collapse: collapse;
    table-layout: fixed;
}

th,
td {
    color: black;
    border: 2px solid black;
    text-align: center;
    padding-left: 1%;
    padding-right: 1%;
}

table p {
    color: black;
}

td.asciicontrol {
    background-color: white;
}

td.asciinumber, td.asciiletter {
    background-color: lightblue;
}

th {
    background-color: aqua;
}

td {
    background-color: lightgray;
}

td:hover {
    background-color: aqua;
}

tr>*:first-child {
    border-left: none;
}

tr>*:last-child {
    border-right: none;
}

.asciicircle {
  animation: rotate 15s linear infinite;
}

@keyframes rotate {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}