*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}main{width:90%;margin:0 auto;display:grid;grid-template-columns:repeat(autofit,minmax(50%,100%));grid-column-gap:1em;-webkit-column-gap:1em;-moz-column-gap:1em;column-gap:1em;grid-row-gap:1em;row-gap:1em}section{height:100%;width:100%}section#alarm{text-align:center}#armDisarmButton{border-radius:50%;height:150px;width:150px;font-size:2em}div#zones{display:grid;grid-template-columns:33% 33% 33%;grid-template-rows:33% 33% 33%;-moz-box-align:center;align-items:center;justify-items:center}.zone{max-width:100px;margin-top:1em;padding:10px 20px;border:1px solid #444;text-align:center}.armed{background-color:green}.tripped{background-color:red}.disarmed{background-color:#ff0}.open{-webkit-animation:blinkingBackground .5s infinite;-moz-animation:blinkingBackground .5s infinite;animation:blinkingBackground .5s infinite}@-webkit-keyframes blinkingBackground{50%{background-color:#fff}}@-moz-keyframes blinkingBackground{50%{background-color:#fff}}@keyframes blinkingBackground{50%{background-color:#fff}}button:hover,input:hover{cursor:pointer}form#pinInput input[type=number]{height:50px;width:40px;text-align:center;font-size:2em;border:1px solid #000;margin:5px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}table#logList,td,th,tr{margin:0 auto;border:1px solid #111;text-align:center;border-collapse:collapse;border-spacing:0}td{width:10em}