:root{--h:213;--base-colour:hsl(var(--h) 100 40);--darker-colour:hsl(var(--h) 100 30);--darkest-colour:hsl(var(--h) 100 20);--bg-colour:#fcf7e6;font-family:Arial,Helvetica,sans-serif;font-size:1rem}body{background-color:var(--bg-colour)}main{box-shadow:var(--darkest-colour) 10px 10px 10px;background-color:#fff;width:66%;margin:0 auto;padding:20px}a{color:var(--base-colour)}#error{color:red;border:1px solid red}a:visited{color:var(--darkest-colour)}nav{color:#000;background-color:var(--base-colour)}.mobile-hamburger{background-color:var(--base-colour);display:none}.mobile-nav{display:none}label{font-weight:700}nav ul{grid-template-columns:auto auto auto auto auto;padding:0;display:grid}nav ul :hover{background-color:var(--darker-colour);cursor:pointer}nav ul li{text-align:center;text-transform:uppercase;padding:20px 0;list-style:none}nav ul li a{color:#000;text-decoration:none}table{width:100%;display:flexbox;border-spacing:0;border-collapse:collapse;background-color:#fff;margin-top:10px;overflow-x:scroll}tr{border:1px solid #000}th{border:1px solid #000;padding:10px}td{text-align:center;border:1px solid #000;padding:10px}thead tr td{font-weight:700}.center{max-width:fit-content;margin:20px auto 0}.page-number{padding:0 20px}.title{background-color:var(--darker-colour)}.error{color:red;border:1px solid red}.success{color:green;border:1px solid green}button.dangerous{color:#8b0000;background-color:salmon}button:disabled{cursor:not-allowed}form{border:1px solid var(--base-colour);box-shadow:var(--darkest-colour) 10px 10px 10px;display:flex;display:flexbox;background-color:#fff;border-radius:5px;flex-direction:column;width:30%;margin:50px auto 0;padding:20px}form>h2{border:1px solid var(--base-colour);width:max-content;box-shadow:var(--darkest-colour) 5px 5px 5px;background-color:#fff;border-radius:5px;margin:30px auto 0;padding:10px;position:relative;transform:translateY(-70px)}form label{margin-top:10px}form button{margin-top:15px;padding:5px}.radio-label{flex-flow:column wrap;display:flex}.autocomplete-dropdown{border:1px solid var(--base-colour);cursor:pointer;background-color:#fff;padding:5px;list-style:none}.autocomplete-dropdown:hover{background-color:var(--base-colour)}@media (width<=777px){main{width:100%;padding:20px 0}table{overflow-x:scroll}td{text-align:center;border:1px solid #000;padding:0;font-size:small}button{width:100%;margin-top:5px;padding:10px}nav{display:none}nav.mobile-nav ul{background-color:var(--base-colour);text-align:center;z-index:99;grid-template-rows:auto auto auto auto;grid-template-columns:none;width:100%;display:grid;position:absolute}.desktop-nav{display:none}.mobile-hamburger{background-color:var(--base-colour);justify-content:center;width:100%;padding:10px 0;display:flex}.mobile-nav{display:none}.mobile-nav.active{display:block}form{width:100%}form button{padding:20px 0}form>h2{border:1px solid var(--base-colour);width:max-content;box-shadow:var(--darkest-colour) 5px 5px 5px;background-color:#fff;border-radius:5px;margin:30px auto 0;font-size:large;position:relative;transform:translateY(-70px)}}@media (width<=1500px){table{overflow-x:scroll}}@media (width<=1300px){table{overflow-x:scroll}form{width:75%}}