* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeSpeed;
}
:root {
--dark-blue: #303437;
--main-blue: #4f586d;
--main-blue-faded: rgba(79, 88, 109, 0.8);
--orange: #b44f2a;
--icy: #f4f2f2;
--beige: #f2eee9;
--dark-green: #988f7a;
--dark-green-warm: #93865d;
--beige-faded: rgba(189, 178, 152, 0.3);
--blue-faded: rgba(78, 85, 91, 0.3);
--white90: rgba(255, 255, 255, 0.9);
--dark-grey: #2f3030;
--yellow: #e9b956;
--main-light: #edeeee;
}
body {
color: var(--color-text-default);
font-family: poppins!important;
}
.super-navbar__item {
font-weight: 450;
letter-spacing: -0.01em;
}
.super-navbar {
max-width: 900px !important;
min-width: 20rem;
width: calc(80% - var(--column-spacing)) !important;
border-radius: 100px;
top: 0.5rem !important;
padding: 0 1rem;
margin: auto;
-webkit-backdrop-filter: blur(20px) saturate(200%) !important;
backdrop-filter: blur(20px) saturate(200%) !important;
}
.super-navbar {
background: rgba(232, 229, 224, .9);
-webkit-backdrop-filter: blur(20px) saturate(200%) !important;
backdrop-filter: blur(20px) saturate(200%) !important;
}
.theme-dark .super-navbar {
background: rgba(25, 25, 25, .7);
-webkit-backdrop-filter: blur(20px) saturate(200%) !important;
backdrop-filter: blur(20px) saturate(200%) !important;
}
.super-footer,.super-footer__links {
font-family: Lexend;
font-weight:400;
letter-spacing:0.04em;
line-height:150%;
font-size: 16px;
text-transform:uppercase;
}
.super-footer__list, .super-footer__list-links {
gap:0;
}
.super-footer__footnote {
font-family: "pt Srif Caption";
font-size:16px;
font-style:italic;
text-transform:none;
line-height:125%;
letter-spacing:0.01;
padding-top:64px;
}
.notion-link {
text-decoration: none !important;
}
.bg-brown {
display: none;
}
.notion-semantic-string .link {
opacity:1;
transition:none;
}
.material-symbols-outlined {
font-variation-settings:
'FILL' 0,
'wght' 400,
'GRAD' 0,
'opsz' 24;
vertical-align: middle;
}
@media (max-width:680px) {
.super-footer {
text-align:center!important;
}
.notion-callout.bg-orange-light.border {
margin-left:auto!important;
margin-right:auto!important;
}
}