@charset "UTF-8";

:root {
   --monospace: Inconsolata, Consolas, "Andale Mono", AndaleMono, monospace;
   --serif: Georgia, Palatino, "Palatino Linotype", "Book Antiqua", Garamond, "Goudy Old Style", Perpetua, Baskerville, Gentium, serif;
}

html {
   box-sizing: border-box;
}

*, *:before, *:after {
   box-sizing: inherit;
}

body {
   align-items: flex-start;
   background-color: rgb(255, 245, 225);
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   font-family: var(--serif);
   justify-content: center;
}

.counties {
   align-items: flex-start;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   margin: 10px;
}

.counties .county {
   align-items: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
   margin: 20px;
}

.counties-list {
   margin: 10px;
}

.counties-list .county {
   align-items: center;
   display: flex;
   justify-content: flex-start;
}

.counties-list .county-name {
   margin: 0px 5px;
}

.counties-list .county-rank {
   font-family: var(--monospace);
   margin: 0px 5px;
}

.counties-class {
   align-items: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
   margin: 5px;
}

.counties-classes {
   align-items: center;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   margin: 5px;
}

.counties-points-table {
   border-spacing: 1px;
}

.counties-points-table td.centered {
   align-items: center;
   display: flex;
   justify-content: center;
}

.counties-points-table td:nth-child(2) {
   text-align: end;
}

.counties-points-table td:nth-child(3) {
   text-align: start;
}

.counties-points-table td:nth-child(4) {
   text-align: center;
}

.counties-points-table td:nth-child(5) {
   text-align: start;
}

.counties-points-table td:nth-child(6) {
   text-align: center;
}

.counties-points-table td:nth-child(7) {
   text-align: end;
}

.county-code {
   font-family: var(--monospace);
}

.county-colour-name {
   border-style: solid;
   border-width: 3px;
   margin: 5px;
   padding: 9px;
}