h2,h3,h4{color:#72716f;letter-spacing:.18rem;text-shadow:#000 0 1px 1px}article img,article p{margin-bottom:2.5rem}body::before{content:"";background-image:url(../media/bin-head.jpg)}hr{height:3px;border:0;margin:0 auto 5px auto;width:70%}.odd{background-image:-webkit-linear-gradient(135deg,var(--grad))}.even{background-image:-webkit-linear-gradient(45deg,var(--grad))}.byte{margin:1rem 0 2rem 0;width:100%;background-image:linear-gradient(150deg,var(--grad));background-origin:border-box;border-spacing:5px;border:5px solid transparent;border-radius:.5rem;box-shadow:0 -5px 10px #000;color:var(--font-color)}.byte td,.byte th,.byte tr{background-color:rgba(30,29,29,.4);padding:5px;text-align:center;border:thin inset red;border-radius:5px}@media only screen and (max-width:475px){.byte{border-spacing:2px;border:3px solid transparent;border-radius:.4rem}td,th,tr{padding:2px;border-radius:2px;font-size:.7rem}.content{padding:5px}}.byte td{width:12.5%}.byte td.zero-bit{background-color:rgba(255,0,0,.3);font-weight:600;color:#fff}.byte td.one-bit{background-color:rgba(0,255,0,.3);font-weight:600;color:#fff}.byte td.one-bit:hover,.byte td.zero-bit:hover{cursor:pointer;background-color:rgba(255,255,0,.3);color:#000}#char-value,#total-value{font-weight:600}.byte:hover{transition:.3s;box-shadow:0 -2px 5px #000}.two-col{display:grid;grid-template-columns:1fr 1fr;align-items:center}.two-col div{padding-right:5px}.centered{justify-self:center}.spin img{box-shadow:#000 0 -5px 10px}.spin img:hover{box-shadow:#000 0 -2px 3px;animation:1.5s spin}@keyframes spin{0%{transform:rotateZ(0)}20%{transform:rotateZ(-30deg)}100%{transform:rotateZ(360deg)}}@media only screen and (max-width:650px){.two-col{grid-template-columns:1fr}}