:root{--font-size: 16px;--margin-xxs: .25rem;--margin-xs: .5rem;--margin-s: .75rem;--margin-m: 1rem;--margin-l: 1.25rem;--margin-xl: 1.75rem;--margin-xxl: 2.5rem;--navbar-height: 70px;--background: #ebebeb;--dark-background: #29262C;--primary-color: #fefefe;--dark-color: #060508;--light-grey-color: #d8d8d8;--grey-color: silver;--medium-grey-color: #8b8b8b;--dark-grey-color: #595959;--div-gap: 30px;--border-radius-sm: 5px;--border-radius-md: 10px;--breakpoint-mobile-landscape: 480px;--breakpoint-tablet-portrait: 768px;--breakpoint-tablet-landscape: 1024px;--breakpoint-desktop: 1200px;--breakpoint-large-desktop: 1440px}html,body{font-family:Montserrat,sans-serif;font-size:var(--font-size)}#app{display:block;width:100%;position:relative}#app,#layout,.content{min-height:100vh}nav{position:absolute;z-index:100;display:flex;align-items:center;gap:1rem;width:100%;max-width:calc(100% + 4px);height:var(--navbar-height);max-height:var(--navbar-height);pointer-events:none;padding:1rem .25rem}nav a{pointer-events:auto;font-size:clamp(15px,3vw,30px);color:inherit}#layout{display:block;width:100%;background-color:var(--background);color:var(--dark-color)}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:100%;padding:var(--navbar-height) 20px}.box{background-color:#fff;padding:2rem;border-radius:var(--border-radius-md);box-shadow:0 3px 6px #0000001a}h1~p{margin-top:var(--margin-xxs)}