*{margin:0;padding:0;box-sizing:border-box}a{color:#f7f4e8;text-decoration:none}body{position:relative;height:100vh;background-color:#675d51;color:#f7f4e8;font-family:Bodoni,serif;font-size:1em;text-align:center;display:flex;flex-direction:column}header{height:3em;padding-left:1em;background-color:#f5da8a;color:#423d38;display:flex;flex-direction:row;align-items:center;justify-content:space-between}header h1{font-size:2em;text-align:center;margin-top:3px}header nav{display:flex;width:100%;padding-right:1em;flex-direction:row;justify-content:flex-end;align-items:center;gap:1em}header nav a{color:#423d38;font-size:1.333em;transition:ease-in-out .25s}header nav a:hover{color:#5f8eb4}main{padding:2em;display:flex;flex-direction:column;align-items:center}table{width:max(43em,min(100%,52em));background-color:#423d38;border:2px solid #423d38;color:#ece5d0}table thead{color:#423d38}table thead tr{background-color:#f5da8a}table tbody tr{background-color:#423d38;border-top:1.5px solid #f5da8a}table tr{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-around}table th,table td{position:relative;height:2em;width:10%;flex:1 1 6em;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}table th.kod,table td.kod{flex:1 1 4em}table th button,table td button{position:absolute;right:0;background:none;color:#675d51;border:none;padding:0 0 6px;font:inherit;font-size:1.333em;cursor:pointer;outline:inherit}table th{font-size:1.1em;padding-top:2px}table td{font-family:Hasklug,monospace;font-size:.9em}table td.kod{font-weight:600;color:#f5da8a}table td.punktacja{font-weight:700}table td.odchyl,table td.alternatywna{color:#bcad8a;font-style:italic}table td div{position:absolute;right:0;font-size:.75em}table td div.zero{visibility:hidden}table td div.plus{color:#b2d19e}table td div.minus{color:#d2796a}