:root{color:#263238;font-synthesis:none;text-rendering:optimizelegibility;background:#fff;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}a{color:inherit}.app{min-height:100vh}.navbar{background:#ffffffe6;border-bottom:1px solid #2632381a;justify-content:space-between;align-items:center;min-height:72px;padding:0 5%;display:flex}.site-title{letter-spacing:.12em;text-transform:uppercase;font-size:.9rem;font-weight:700;text-decoration:none}.navbar nav{gap:2rem;display:flex}.navbar nav a{padding:.4rem 0;font-size:.95rem;text-decoration:none;position:relative}.navbar nav a:after{content:"";opacity:0;background:#455a64;height:2px;transition:opacity .15s,transform .15s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.navbar nav a:hover:after,.navbar nav a.active:after{opacity:1;transform:scaleX(1)}.page{text-align:center;place-items:center;min-height:calc(100vh - 72px);padding:2rem;display:grid}.page h1{color:#263238b8;letter-spacing:-.04em;margin:0;font-size:clamp(2.5rem,8vw,6rem);font-weight:300}.home-page{background:#d9f0ff}.about-page{background-color:#dff4df}.contact-page{background:#fff7cc}.login-page{background:#ffe4c7}@media (width<=600px){.navbar{flex-direction:column;align-items:flex-start;gap:.75rem;padding-top:1rem;padding-bottom:1rem}.navbar nav{justify-content:space-between;gap:.75rem;width:100%}.navbar nav a{font-size:.85rem}.page{min-height:calc(100vh - 112px)}}