:root{--primary:navy;--secondary:#ffde2a;--link:#f21717;--dark:#880933;--light:#e4f6fb;--black:#000;--white:#fff}.primary-colour{color:var(--primary)}.primary-background-colour{background-color:var(--primary)}.secondary-colour{color:var(--secondary)}.secondary-background-colour{background-color:var(--secondary)}.link-colour{color:var(--link)}.link-background-colour{background-color:var(--link)}.dark-colour{color:var(--dark)}.dark-background-colour{background-color:var(--dark)}.light-colour{color:var(--light)}.light-background-colour{background-color:var(--light)}.black-colour{color:var(--black)}.black-background-colour{background-color:var(--black)}.white-colour{color:var(--white)}.white-background-colour{background-color:var(--white)}.base-font{font-family:Roboto,serif}.heading-font{font-family:Dela Gothic One,serif}.secondary-font{font-family:Amatic SC,serif}.logo-font{font-family:Dosis,serif}.clock-font{font-family:Roboto Mono,monospace}body,html{background-color:var(--light);color:var(--primary);font-family:Roboto,serif;color:var(--black)}h1,h2,h3,h4,h5,h6,h7{font-family:Dela Gothic One,serif}figure{margin:0;padding:0}p{font-family:Roboto,serif;font-weight:700}a:active,a:focus,a:link{color:var(--link)}a:hover{color:#e30d0d}.logo-image{width:100%}@media screen and (orientation:landscape){.logo-image{width:85%}}.button,.link-button{font-family:Dosis,serif;border-radius:12px;border-width:7px}.link-button{background-color:var(--secondary)!important;color:var(--black)!important;border-color:var(--black)}.loading-text{font-size:9rem}.dashboard{box-shadow:2px 4px;font-size:220%}.dashboard p{font-weight:700}.button.start{font-size:300%;background-color:var(--light);color:var(--black);text-shadow:2px 2px 0 hsla(0,0%,100%,.4);border-radius:24px;padding:16px 28px;border-color:var(--black);text-transform:uppercase}.button.start:active{box-shadow:inset 2px 4px 2px}.details{text-shadow:-1px -2px 0 rgba(55,55,55,.35)}.summary{border-radius:24px;margin-bottom:12px;box-shadow:4px 4px 4px rgba(0,0,0,.5);border:8px solid var(--secondary);font-size:200%}.summary table{margin:8px}.summary table td,.summary table th{width:50%;padding:4px}.summary table th{font-weight:bolder;font-family:Dosis,serif;text-align:right}.summary table td{font-family:Dela Gothic One,serif;color:var(--white);text-align:left}a.item{color:var(--primary)}a.item:hover{background-color:hsla(0,0%,100%,.5);color:var(--link)}a.item:hover .cost{font-size:300%}a.item .title{text-shadow:2px 2px 0 rgba(0,0,0,.4)}a.item .cost{font-size:271%;font-weight:bolder;margin:0;font-family:Dosis;text-shadow:1px -1px 0 hsla(0,0%,100%,.4)}a.item.selected .title{text-shadow:-1px 1px 0 hsla(0,0%,100%,.7)}.tagline{font-size:inherit;margin:0 auto 9px;width:75%}[is=logo] img{height:64px}.faq{margin:12px 0}.faq .answer{margin:8px 0}.faq .answer div p{padding:0 4px;margin:2px 0;display:flex;align-items:center}.faq .answer div p .fa,.faq .answer div p .fab{margin-right:24px}@media screen and (min-width:320px){.loading-text{font-size:4rem}.logo{width:45vw}.faq,.tagline{font-size:1rem}.faq .answer .fa,.faq .answer .fab{font-size:2rem}.timer,.total{font-size:4vh}.heading-font{font-size:5vh}.button.large.start{font-size:6vh}.details th{font-size:1rem}.details td{font-size:1.3rem}.game{background-size:cover}}@media screen and (min-width:464px){.timer .total{font-size:2vh}.button.large{font-size:2.4rem}.tagline{font-size:1.2rem}.faq{font-size:1.3rem}.faq .answer .fa,.faq .answer .fab{font-size:2.3rem}.faq .answer div{background-color:var(--white);border-radius:24px;overflow:hidden}.details th{font-size:1.73rem}.details td{font-size:1.42rem}}@media screen and (min-width:1048px){.button.large{font-size:3.4rem}.tagline{font-size:2vh}.heading-font,.timer,.total{font-size:5vh}.button.large.start{font-size:12vh}.details{max-width:75%}.details th{font-size:3rem}.details td{font-size:4rem}.game{background-size:auto 100%}}