:root{--background:#fafafa;--foreground:#fff;--primary-colour:#5d8aa3;--secondary-colour:#47697c;--text-primary:#000;--text-secondary:#666;--small-spacing:10px;--spacing:16px;--large-spacing:24px;--underneath-box-shadow:2px 2px 10px #0003;--rounded-edge:4px;--font:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--small-font:18px;font-family:var(--font)}html,body{max-width:100vw;overflow-x:hidden}body{background-color:var(--background);justify-content:center;min-height:100vh}main{justify-content:center;align-items:center;display:flex}h1,h2,h3{color:var(--text-primary)}h1,h2{letter-spacing:-1px;line-height:48px}h1,h2,h3,h4 h5{font-weight:600}h5,p,ul{color:var(--text-secondary)}h5{font-size:14px}p,ul{font-size:var(--small-font)}*{box-sizing:border-box;margin:0;padding:0}.page{background-color:var(--foreground);width:100%;max-width:1024px;min-height:100vh;padding:var(--spacing)}.button{background-color:var(--primary-colour);color:#fff;padding:var(--small-spacing);border-radius:var(--rounded-edge);margin-top:var(--spacing);text-decoration:none;transition:all .2s;display:inline-block;box-shadow:2px 0 10px #0003}.button:hover{background:var(--secondary-colour);box-shadow:none;cursor:pointer}.thinBorderBox{border:1px solid var(--primary-colour);padding:var(--spacing);border-radius:5px;box-shadow:1px 1px 4px #0003}@media (min-width:540px){.page{padding:48px}}
.NavBar-module__ywSGya__navContainer{background-color:var(--primary-colour);flex:1;justify-content:center;display:flex;box-shadow:2px 0 10px #0003}.NavBar-module__ywSGya__navbar{justify-content:flex-end;font-size:14px;display:flex;position:relative}.NavBar-module__ywSGya__navbar *{color:#fff;padding:var(--large-spacing)var(--small-spacing);text-decoration:none;transition:all .2s}.NavBar-module__ywSGya__navbar a:hover{background:var(--secondary-colour);padding-top:20px}@media (min-width:480px){.NavBar-module__ywSGya__navContainer{padding:0}.NavBar-module__ywSGya__navbar{font-size:var(--small-font)}.NavBar-module__ywSGya__navbar *{padding:var(--spacing)}.NavBar-module__ywSGya__navbar a:hover{background:var(--secondary-colour);padding-top:12px}}@media (min-width:540px){.NavBar-module__ywSGya__intro{margin-bottom:100px}}@media (min-width:720px){.NavBar-module__ywSGya__navContainer{justify-content:right}}
