/* Attendance Genie website mockup */
html{scroll-behavior:smooth}
body{margin:0;background:#0B1626;font-family:'Instrument Sans','Helvetica Neue',Helvetica,sans-serif;color:#0F1E33;-webkit-font-smoothing:antialiased}
a{color:#1D5CA8;text-decoration:none}a:hover{color:#154A8A}
h1,h2,h3{font-family:'Bricolage Grotesque','Helvetica Neue',sans-serif;text-wrap:balance}
p{text-wrap:pretty}
button{cursor:pointer}
input:focus,textarea:focus{outline:2px solid #1D5CA8;outline-offset:1px}
a:focus-visible,button:focus-visible{outline:3px solid #F08A24;outline-offset:2px}
.view{background:#F7F5F0}
.view-desktop>div{margin:0 auto}
.view-mobile{display:none}
@media (max-width:767px){
  body.has-mobile .view-desktop{display:none}
  body.has-mobile .view-mobile{display:block}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
header a, header nav a{white-space:nowrap}