Diane Portfolio
  • About Me
  • Contact

<style>

* {
    -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;
  }
    



}

Home

Work

Case Studies

Gallery

About Me

Contact Me

ruochen0421@yahoo.com

Designed by Diane Liu 2024

XDribbble