Building super site

UuUp - Head

<link rel="stylesheet" href="https://stfn.co/lift/lift.css">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>

UuUp - CSS

.notion-header__title {
    display: block!important;
}


.notion-collection-card.gallery {

    
    border-radius: var(--lift-radius)!important;
    transition: .3s ease-in-out !important;
}

.notion-collection-card.gallery:hover {

    border: 1px solid var(--color-bg-default)!important;
    border-radius: var(--lift-radius)!important;
    transition: .3s ease-in-out !important;
}


.notion-collection-card:hover {
  background: var(--color-card-bg)!important;
  transform: scale(1.01)!important;
  border: none!important;
box-shadow: 0px 24px 16px 0px rgba(0,0,0,0.05)!important;
-webkit-box-shadow: 1px 17px 23px 0px rgba(0,0,0,0.05)!important;
-moz-box-shadow: 1px 17px 23px 0px rgba(0,0,0,0.05)!important;
}
.highlighted-background:hover{
  opacity: 0.8!important;
}

p {
    line-height: 175% !important;
      margin-bottom: 1rem!important;
      max-width: 800px!important;
      
        -webkit-animation: fadeIn 1.25s!important;
  -moz-animation: fadeIn 1.25s!important;
  -ms-animation: fadeIn 1.25s!important;
  -o-animation: fadeIn 1.25s!important;
  animation: fadeIn 1.25s!important;
      
}
.notion-bulleted-list, .notion-numbered-list {
    line-height: 175% !important;
    padding-bottom: 1em!important;
}

.notion-quote {
  text-align: left;
  align-items: stretch;
}

/*---------  CALLOUT ---------*/



p.notion-callout__content{
 max-width: var(--lift-width)!important;
 width: var(--lift-width)!important;
}




.notion-callout {
  border-radius: var(--lift-radius)!important;
    border: 1px solid var(--color-border-default)!important;
  padding: 1.5em 1.5em 0.5em 1.5em!important;
  overflow: visible!important;
  margin-bottom: 1em!important;
}

.notion-callout.bg-gray-light, .notion-callout.bg-brown-light, .notion-callout.bg-orange-light, .notion-callout.bg-yellow-light, .notion-callout.bg-green-light, .notion-callout.bg-blue-light, .notion-callout.bg-purple-light, .notion-callout.bg-pink-light, .notion-callout.bg-red-light {
  border:none!important;
}




.notion-page {


  border-radius: var(--lift-radius)!important;

}

.notion-page > div {
  border-radius: var(--lift-radius)!important;
  display: flex;
  transition: 300ms ease-in!important;
  padding: 0.5em!important;
    border: 1px solid var(--color-border-default)!important;

}

.notion-page__title .notion-semantic-string {
    border-bottom: none!important;
}

Pages - Home - CSS

/*--if the quote doesn't work, delete this and add !important back to overarching CSS quote setting--*/
#Block-666962c39554490693344dd12e4cddf6
.notion-quote {
  text-align: center!important;
  align-items: stretch!important;
}


.notion-pill {
  display: none;
}

.notion-toggle {
  display: none!important;
}

:root {
--color-bg-default: #F5F5EF !important;
--lift-width: 1420px!important;

}

Pages - Case study - Head

<link rel="stylesheet" href="https://sites.super.so/builder/themes/night/night.min.css">

Pages - Case study - CSS

:root {
  --color-text-default: #F9F9F9 !important;
  --color-bg-default: #2F3437 !important;
  --color-text-default-light: #F9F9F9 !important;
  
}

.max-width {
max-width: 1120px !important;
}

.notion-property__title .notion-property__title__icon-wrapper {
    display: none!important;
}

Pages - Profile - CSS

.notion-pill {
  display: none;
}

.notion-toggle {
  display: none;
}

:root {
--color-bg-default: #F5F5EF !important;
--lift-width: 1420px!important;

}