css-toolset.min.css

:root{--text-color:#222;--background-color:#fff;--primary-color:#0081a7;--danger-color:#e63946;--body-max-width:1024px;--font-family:system-ui,sans-serif;--line-height:1.5;--border-radius:3px;--shadow:0 0 4px -1px var(--primary-color)}*,::after,::before{box-sizing:border-box}*+*{margin-bottom:1em}body,html{min-height:100vh;color:var(--text-color);background-color:var(--background-color);font-size:17px;font-family:var(--font-family);font-weight:300;line-height:var(--line-height)}html{padding:0 1.3em}body{max-width:var(--body-max-width);margin:0 auto}.flat{border-radius:0}.title{color:var(--primary-color);text-align:center;font-weight:400}.danger{color:var(--danger-color)}a,a:link,a:visited{color:initial;border-bottom:1px dotted;text-decoration:none;font-weight:400;transition-property:color,border;transition-duration:.2s}a:hover{color:var(--primary-color);border-color:var(--primary-color);border-bottom:1px solid}button,input[type=submit]{padding:0 2em;border:1px solid;border-radius:var(--border-radius);background-color:var(--background-color);height:2.5em;letter-spacing:.12em;transition-property:color,box-shadow,border,background-color;transition-duration:.2s;cursor:pointer}button:hover{border-color:var(--primary-color);box-shadow:var(--shadow)}button:not(:nth-last-child(1)){margin-right:1.5em}button.danger,input[type=submit]{color:var(--background-color);border-color:var(--danger-color);background-color:var(--danger-color)}button.danger:hover,input[type=submit]:hover{border-color:var(--primary-color);background-color:var(--primary-color)}button.solid{color:var(--background-color);border-color:var(--primary-color);background-color:var(--primary-color)}button.solid:hover{color:var(--background-color)}button.big{display:block;width:100%}cite,q{font-weight:400}h4,h5,h6{font-weight:400}ol,ul{padding-left:2em}li{margin-bottom:0}li:hover{font-weight:400}ul li{list-style-type:circle}legend{padding:0 1em}fieldset{padding:1em 2em;border:1px solid;border-radius:var(--border-radius)}label{margin-left:1em}input,select,textarea{display:block;width:100%;height:3em;padding:0 1em;color:var(--text-color);border:1px solid;border-radius:var(--border-radius);background-color:var(--background-color)}textarea{padding:1em;outline:0}input:focus{outline:0}select option{font-size:130%}input:invalid{border-color:var(--danger-color)}input[type=checkbox],input[type=radio]{width:1.7em;margin-left:1em}textarea{min-height:10em}form:invalid input[type=submit]{display:none}table{width:100%;border-spacing:0.5em}caption{font-weight:400}tfoot,thead{color:var(--primary-color)}thead tr{box-shadow:0 1px 0 0}tbody tr:hover{color:var(--primary-color);box-shadow:0 1px 0 0;transition-property:color,box-shadow;transition-duration:.2s}td{overflow:hidden;text-overflow:ellipsis;line-height:2}td:first-child{font-weight:400}tfoot tr{box-shadow:0 -1px 0 0}@media screen and (max-width:600px){button{display:block;width:100%}fieldset{padding:1em}table{box-shadow:0 1px 0 0 var(--primary-color)}caption,table{display:block;overflow:hidden}tbody,thead{display:block}tfoot{display:none}tr{display:flex;margin-bottom:1.5em;flex-direction:column}td{margin:0;line-height:1.5}}