gray color: #536878s

ALL Stfn templates here:

https://app.gumroad.com/d/7f7b579c0a15493f35655e46733020bb

Kraft CSS here: https://kraft-theme.super.site/css

‣

archive of code

‣

head mar 24

<!-- Animation Module -->

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

<!-- Theme CSS File -->

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

<script async src="https://tally.so/widgets/embed.js"></script>

‣

body mar 24

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M6Q9FML"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<script>function clearBlock(el) {  const node = el.parentElement.parentElement;  node.innerHTML = '';  return node;}const SELECTOR = 'code:not([super-embed-seen])';function setupEmbeds() {  document.querySelectorAll(SELECTOR).forEach((node) => {    node.setAttribute('super-embed-seen', 1);    if (node.innerText.startsWith('super-embed:')) {      const code = node.innerText.replace('super-embed:', '');      const parentNode = clearBlock(node);      parentNode.innerHTML = code;      parentNode.querySelectorAll('script').forEach((script) => {        if (!script.src && script.innerText) {          eval(script.innerText);        } else {          const scr = document.createElement('script');          Array.from(script.attributes).forEach(attr => {            scr.setAttribute(attr.name, attr.value);          });          document.body.appendChild(scr);        }      })    }  });}setupEmbeds();var observer = new MutationObserver(function(mutations) {  if (document.querySelector(SELECTOR)) {    setupEmbeds();  }});observer.observe(document, {  attributes: false,  childList: true,  characterData: false,  subtree: true});</script>

‣

CSS mar 24

/* Remove Notion Header (Page Title, Cover and Icon)*/
.notion-header {
    display: none!important;
}
/* Change default background color */

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


.super-navbar__menu {
  background-color: var(--color-bg-default)!important; 
}

.notion-header {
    box-shadow: 0vh -25vh 75vh 0vh var(--color-bg-default) inset!important;
    -webkit-box-shadow: 0vh -25vh 15vh 0vh var(--color-bg-default) inset!important;
    -moz-box-shadow: 0vh -25vh 75vh 0vh var(--color-bg-default) inset!important;
    margin-bottom: 5vh!important;
  
}

.notion-header__cover {
    max-height: 25vh!important;
    height: 75vh!important;
    width: 100%!important;
    overflow: hidden!important;
    margin-top: -120px!important;
    top: 0px!important;
    z-index: -100!important;
    margin-bottom: -15vh!important;
}

.notion-header__cover.no-cover {
    max-height: 100vh!important;
    height: 100vh!important;
    position: absolute!important;
    background-color: var(--color-border-default)!important;
    box-shadow: 0vh -25vh 100vh 0vh var(--color-bg-default) inset!important;
    -webkit-box-shadow: 0vh -25vh 100vh 0vh var(--color-bg-default) inset!important;
    -moz-box-shadow: 0vh -25vh 100vh 0vh var(--color-bg-default) inset!important;

}

.notion-header__cover img {
  opacity: 1!important;
}


.super-navbar {
  -webkit-backdrop-filter: blur(36px)!important;
  backdrop-filter: blur(36px)!important;

}

.super-navbar__content {
  padding: 0px!important;
    

  -webkit-animation: fadeInDown 1.5s!important;
  -moz-animation: fadeInDown 1.5s!important;
  -ms-animation: fadeInDown 1.5s!important;
  -o-animation: fadeInDown 1.5s!important;
  animation: fadeInDown 1.5s!important;
}


.super-navbar__cta {
  border-radius: 4px!important;
  padding: 16px 24px!important;

}

.super-navbar__item-list {
  flex-wrap: nowrap!important;
  overflow: visible!important;
}

.notion-collection-board__column-header {
  display: none!important;
}

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


.super-navbar__item {

  font-style: normal!important;
  font-weight: normal!important;
  text-align: center!important;
  letter-spacing: -0.01em!important;
  padding: 16px 32px!important;
}

.super-content.max-width {

    max-width:1200px!important;
    margin: auto!important;
    padding-bottom: 10vh!important;
    padding-top: 10vh!important;
}

.notion-heading {
  padding: 0px !important;
  margin: 0px;
}



.notion-column {
  padding: 0px!important;
}


.highlighted-background {
  padding:0px 8px!important;
  border-radius: 8px!important;
}


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

body {
  background: var(--color-bg-default)!important; 
}


.super-navbar__menu {
  background-color: var(--color-bg-default)!important; 
}

.notion-header {
    box-shadow: 0vh -25vh 75vh 0vh var(--color-bg-default) inset!important;
    -webkit-box-shadow: 0vh -25vh 15vh 0vh var(--color-bg-default) inset!important;
    -moz-box-shadow: 0vh -25vh 75vh 0vh var(--color-bg-default) inset!important;
    margin-bottom: 5vh!important;
  
}

.notion-header__cover {
    max-height: 75vh!important;
    height: 75vh!important;
    width: 100%!important;
    overflow: hidden!important;
    margin-top: -120px!important;
    top: 0px!important;
    z-index: -100!important;
    margin-bottom: -15vh!important;
}

.notion-header__cover.no-cover {
    max-height: 100vh!important;
    height: 100vh!important;
    position: absolute!important;
    background-color: var(--color-border-default)!important;
    box-shadow: 0vh -25vh 100vh 0vh var(--color-bg-default) inset!important;
    -webkit-box-shadow: 0vh -25vh 100vh 0vh var(--color-bg-default) inset!important;
    -moz-box-shadow: 0vh -25vh 100vh 0vh var(--color-bg-default) inset!important;

}

.notion-header__cover img {
  opacity: 1!important;
}


.super-navbar {
  -webkit-backdrop-filter: blur(36px)!important;
  backdrop-filter: blur(36px)!important;

}

.super-navbar__content {
  padding: 0px!important;
    

  -webkit-animation: fadeInDown 1.5s!important;
  -moz-animation: fadeInDown 1.5s!important;
  -ms-animation: fadeInDown 1.5s!important;
  -o-animation: fadeInDown 1.5s!important;
  animation: fadeInDown 1.5s!important;
}


.super-navbar__cta {
  border-radius: 4px!important;
  padding: 16px 24px!important;

}

.super-navbar__item-list {
  flex-wrap: nowrap!important;
  overflow: visible!important;
}

.notion-collection-board__column-header {
  display: none!important;
}

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


.super-navbar__item {

  font-style: normal!important;
  font-weight: normal!important;
  text-align: center!important;
  letter-spacing: -0.01em!important;
  padding: 16px 32px!important;
}

.super-content.max-width {

    max-width: 1440px!important;
    margin: auto!important;
    padding-bottom: 10vh!important;
    padding-top: 10vh!important;
}

.notion-heading {
  padding: 0px !important;
  margin: 0px;
}



.notion-column {
  padding: 0px!important;
}


.highlighted-background {
  padding:0px 8px!important;
  border-radius: 8px!important;
}


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

/*---------  TYPOGRAPHY ---------*/


h1 {
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 64px !important;
  line-height: 80px !important;
  letter-spacing: -0.03em !important;
  margin-bottom: 16px!important;
  
  -webkit-animation: fadeIn 1s!important;
  -moz-animation: fadeIn 1s!important;
  -ms-animation: fadeIn 1s!important;
  -o-animation: fadeIn 1s!important;
  animation: fadeIn 1s!important;
}


h2 {
  font-style: normal!important;
  font-weight: 500 !important;
  font-size: 48px!important;
  line-height: 64px!important;
  letter-spacing: -0.03em!important;
  margin-bottom: 16px!important;
  
  -webkit-animation: fadeIn 1.5s!important;
  -moz-animation: fadeIn 1.5s!important;
  -ms-animation: fadeIn 1.5s!important;
  -o-animation: fadeIn 1.5s!important;
  animation: fadeIn 1.5s!important;
}

h3 {
  font-style: normal!important;
  font-weight: 500 !important;
  font-size: 24px!important;
  line-height: 36px!important;
  letter-spacing: -0.01em!important;
  margin-bottom: 8px!important;
  
  
  -webkit-animation: fadeIn 2s!important;
  -moz-animation: fadeIn 2s!important;
  -ms-animation: fadeIn 2s!important;
  -o-animation: fadeIn 2s!important;
  animation: fadeIn 2s!important;
}

p {
  
  font-style: normal!important;
  font-weight: normal!important;
  font-size: 18px!important;
  line-height: 28px!important;
  margin: 0px 0px 8px 0px!important;
  opacity: 0.75!important;

  -webkit-animation: fadeIn 2s!important;
  -moz-animation: fadeIn 2s!important;
  -ms-animation: fadeIn 2s!important;
  -o-animation: fadeIn 2s!important;
  animation: fadeIn 2s!important;
}


img {
    -webkit-animation: fadeIn 1.5s!important;
  -moz-animation: fadeIn 1.5s!important;
  -ms-animation: fadeIn 1.5s!important;
  -o-animation: fadeIn 1.5s!important;
  animation: fadeIn 1.5s!important;
}



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

.notion-text__content {
  padding: 0px!important;
}



.notion-divider {
  border-bottom: none!important;
  margin: 96px 0px!important;
}


.notion-embed__container 
{
  border-radius: 8px !important;
  overflow: hidden!important;
}

.notion-image img {
  border-radius: 8px!important;
  
}

.notion-image {
  margin: 1em 0px!important;
}




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








.notion-callout {
  border-radius: 8px !important;
  border: none !important;
  padding: 6px!important;
  overflow: visible!important;
  margin: 0px!important;
  flex-grow: 1!important;

}

.notion-callout h1{
  text-align: center!important;

}

.notion-callout h2{
  text-align: center!important;

}

.notion-callout h3{
  text-align: center!important;

}

.notion-callout p{
  text-align: center!important;

}

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





.notion-callout__content {
      margin-inline-start: 0px!important;
      overflow: visible!important;
      width: 100%!important;
      margin: 0px!important;
      opacity:1!important;
}






/*---------  TO_DO ---------*/




.notion-to-do__content {
  margin: 0px 0px 8px 0px!important;
  padding: 16px 0px 0px 0px!important;
}


.notion-to-do__icon {
  margin-inline: 0px!important;
  margin-right: 16px!important;

}

.notion-checkbox{
  width:1.5em!important;
  height: 1.5em!important;
  border-radius: 999px!important;
  background: rgba(197, 197, 197, 0.5)!important;
  border: 1px solid rgba(255, 255, 255, 0.25)!important;

}

.notion-checkbox svg{
  display: none!important;
}

.notion-checkbox.checked {
  
  width:1.5em!important;
  height: 1.5em!important;
  border-radius: 999px!important;
  background: #2BCE80!important;
  border: 1px solid rgba(255, 255, 255, 0.5)!important;
  
}

.notion-checkbox.checked svg{
  display: inline!important;
}


.notion-to-do__title  {
  opacity: 0.5!important;
  text-align: left!important;

}


.notion-to-do__title.checked  {
  opacity: 1!important;
  text-align: left!important;
}



.notion-to-do__title.checked del {
  text-decoration: none!important;
  text-align: left!important;
}






/*---------  TOGGLE ---------*/


.notion-toggle {

  margin: 0px 0px 24px 0px!important;
  border: 1px solid rgba(255, 255, 255, 0.03)!important;
  box-shadow: 0px 24px 36px rgba(4, 29, 41, 0.05)!important;
  background-color: var(--color-card-bg)!important;
  border-radius: 8px!important;
  
}

.notion-toggle__summary {
  padding: 24px!important;
  font-style: normal!important;
  font-weight: normal!important;
  font-size: 32px!important;
  line-height: 48px!important;
  letter-spacing: -0.03em!important;
  border-radius: 4px!important;

}

.notion-toggle__content {
  padding: 0px 80px 24px 24px!important;
  padding-inline-start: calc(4.5em + 6px)!important;
  border-radius: 4px!important;
}

.notion-toggle__content p {
  opacity: 0.75!important;
}




/*---------  GALLERY DATABASE ---------*/


.notion-collection-gallery {
  border: none!important;
  gap: 48px!important;
}

.notion-collection-gallery.large {
  grid-template-columns: 1fr 1fr !important;
}

.notion-collection-gallery.medium {
  grid-template-columns: 1fr 1fr 1fr!important;
}

.notion-collection-gallery.small {
  grid-template-columns: 1fr 1fr 1fr 1fr !important;
}


.notion-collection-card {
  border: 1px solid rgba(255, 255, 255, 0.03)!important;
  box-shadow: 0px 24px 36px rgba(4, 29, 41, 0.05)!important;
  border-radius: 8px!important;
  transition: background 120ms ease-in 0s!important;
  position: relative!important;
  overflow: hidden!important;
  background: var(--color-card-bg)!important;
}

.notion-collection-card.gallery .notion-collection-card__content .notion-property__number:nth-child(1){

  align-items: left !important;
  position: absolute !important;
  color: var(--color-text-default)!important;
  left: 24px !important;
  z-index: 2 !important;
  top: 24px !important;
  display: flex!important;
  padding: 16px 20px!important;
  background: var(--color-bg-default)!important;
  font-style: normal!important;
  font-weight: 500 !important;
  font-size: 18px!important;
  line-height: 1em!important;
  letter-spacing: -0.01em!important;
  opacity: 0.5!important;
  border-radius: 999px!important;
  box-shadow: 0px 24px 36px rgba(4, 29, 41, 0.05)!important;
}

.notion-collection-card.gallery .notion-collection-card__content .notion-semantic-string{
  line-height: 1!important;
}

.notion-collection-card__cover.contain img {
  object-fit: cover!important;
}

.notion-collection-card__cover.small, .notion-collection-card__cover.small > div, .notion-collection-card__cover.small img{
    height: 240px!important;
    max-height: 240px!important;
}

.notion-collection-card__cover.medium, .notion-collection-card__cover.medium > div, .notion-collection-card__cover.medium img {
    height: 360px!important;
    max-height: 360px!important;
}


.notion-collection-card__cover.large, .notion-collection-card__cover.large > div, .notion-collection-card__cover.large img {
    height: 480px!important;
    max-height: 480px!important;
}


.notion-collection-card.gallery .notion-property__title {
  font-style: normal!important;
  font-weight: bold!important;
  font-size: 24px!important;
  line-height: 32px!important;
  letter-spacing: -0.02em!important;
  padding: 24px 24px 16px 24px!important;
}

.notion-collection-card.gallery .notion-property__title .notion-semantic-string {
    white-space: normal!important;

}

.notion-collection-card__content {
    padding: 0px 24px 24px 24px!important;
}

.notion-collection-card__property {
    min-height: 0px!important;
    margin-bottom: 8px!important;
}






/*---------  BOARD DATABASE (TESTIMONIALS) ---------*/





.notion-collection-board {
  grid-template-columns: repeat( auto-fit, minmax(120px, 1fr) )!important;
  gap: 48px!important;
  border: none!important;
  overflow: visible!important;
}

.notion-collection-board__item {
    margin-bottom: 42px!important;
}


.notion-collection-card.board .notion-property__title {

    display: flex!important;
    align-items: center!important;
    font-style: italic!important;
    padding: 36px!important;
    font-size: 18px!important;
    line-height: 28px!important;
    text-align: center!important;
    letter-spacing: -0.01em!important;
    justify-content: center!important;
}

.notion-property__title .notion-semantic-string {
    font-weight: 400!important;
    margin-inline-start: 0px!important;
} 

.notion-collection-card.board .notion-property__title__icon-wrapper div{
  display: none!important;

}

.notion-collection-card.board .notion-collection-card__property {
  justify-content: center!important;
  font-size: 14px!important;
  line-height: 18px!important;
  text-align: center!important;
  letter-spacing: -0.01em!important;
  padding-bottom: 0px!important;
}

.notion-collection-card.board .notion-property__select {
  justify-content: center!important;
  overflow: visible!important;
}

.notion-collection-card.board .notion-pill {
  font-size: 24px!important;
  overflow: visible!important;
  background: none!important;
  text-align: center!important;
  text-shadow: 0px 24px 36px rgba(4, 29, 41, 0.15)!important;
  padding-bottom: 8px!important;
  transition: opacity 100ms ease-in!important;
}

.notion-collection-card.board .notion-collection-card__content{
  padding: 0px 24px 24px!important;
}

.notion-collection-card.board .notion-property__file img div{
    max-height: 72px!important;
    border-radius: 999px!important;
}

.notion-collection-card.board .notion-property__file{
  width: 72px!important;
  height: 72px!important;

}










/*---------  LIST DATABASE ---------*/



.notion-collection-list {
  border: none!important;
  padding: 0px!important;
  background-color: var(--color-card-bg)!important;
  box-shadow: 0px 24px 36px rgba(4, 29, 41, 0.05)!important;
  border-radius: 8px!important;
}

.notion-collection-list__item {
  padding: 36px 24px 36px 36px!important;
  flex-direction: column!important;
  align-items: start!important;

  transition: background 100ms ease-in, padding 100ms ease-in!important;
  border-radius: none!important;
}


.notion-collection-list__item-content {
  align-self: stretch!important;
  justify-content: flex-start!important;
}

.notion-collection-list__item .notion-property__title {
  font-style: normal!important;
  font-weight: 500 !important;
  font-size: 32px!important;
  line-height: 48px!important;
  letter-spacing: -0.03em!important;
  padding: 0px 0px 4px 0px!important;
  border-bottom: none!important;
}

.notion-collection-list__item .notion-property__title .notion-semantic-string > span {
border-bottom: none!important;
white-space: normal!important;
}

.notion-collection-list__item:hover {
  background-color: var(--color-ui-hover-bg-light)!important;
  padding: 36px 24px 36px 48px!important;
}


.notion-collection-list__item-property {
  margin-right: 16px!important;
  padding: 0px!important;
  font-size: 14px!important;
  color: var(--color-text-default)!important;
}


.notion-collection-list__item-property:nth-child(2) {
  display: flex!important;
  flex-grow: 1!important;
}



/*---------  TABLE DATABASE ---------*/


.notion-collection-table {
  font-size: 16px!important;
  margin-bottom: 16px!important;
  border: 1px solid var(--color-border-default)!important;

}


.notion-collection-table td, .notion-collection-table th {
    padding: 16px!important;
    border: 1px solid var(--color-border-default)!important;
    overflow: hidden!important;

}

.notion-collection-table__head {
  background-color: var(--color-ui-hover-bg-light)!important;
}

.notion-collection-table__cell {
  padding: 16px!important;
}

.notion-collection-table__cell .notion-pill {
  margin-bottom: 8px!important;
}

.notion-collection-table__cell.title .notion-semantic-string {
    white-space: normal!important;
}


/*---------  COMMON DATABASE PROPERTIES ---------*/






.notion-property__text {
    font-size: 14px!important;
}

.notion-property__date {
  font-size: 14px!important;
}

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

.notion-pill{
    font-size: 14px!important;  
    padding: 8px 16px!important;
    border-radius: 999px!important;
    margin: 0px 8px 0px 0px!important;
    opacity: 1!important;
    transition: opacity 100ms ease-in!important;
}

.notion-pill:hover{
    opacity: 1!important;
}

.notion-property.notion-property__person .individual{
  display: flex!important;
  flex-direction: row!important;
  align-items: center!important;
}

.notion-property.notion-property__person .individual img {
  border-radius: 999px!important;
  margin-right: 8px!important;
}




/*---------  COLORED TEXT OPACITY ---------*/



.notion-text.color-gray p{
  opacity: 1!important;
}

.notion-text.color-brown p{
  opacity: 1!important;
}

.notion-text.color-orange p{
  opacity: 1!important;
}

.notion-text.color-yellow p{
  opacity: 1!important;
}

.notion-text.color-green p{
  opacity: 1!important;
}

.notion-text.color-blue p{
  opacity: 1!important;
}

.notion-text.color-purple p{
  opacity: 1!important;
}

.notion-text.color-pink p{
  opacity: 1!important;
}

.notion-text.color-red p{
  opacity: 1!important;
}


/*---------  TABLE OF CONTENTS  ---------*/



.notion-table-of-contents {
  padding: 24px!important;
  font-size: 14px!important;
  margin: 0px 0px 42px 0px!important;
  top: 120px!important;
  border-radius: 8px!important;
  z-index: 19!important;


  
}

.notion-table-of-contents__item {
    margin-bottom: 8px!important;
}

.notion-table-of-contents__item .notion-semantic-string {
  line-height: 1.75em!important;
  border-bottom: none!important;
  white-space: nowrap!important;
}

.notion-table-of-contents__item > a > div {
    padding: 4px 0px!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    color: var(--color-text-default)!important;
    opacity: 0.5!important;
    line-height: 1.75em!important;
}



/*---------  QUOTE/BUTTONS ---------*/





.notion-quote {
  
  padding: 0!important;
  margin: 0px!important;
  display: flex!important;
  transition: background 100ms ease-in, box-shadow 100ms ease-in!important;
  background: rgba(255, 255, 255, 0.75)!important;
  border: 1px solid rgba(255, 255, 255, 0.1)!important;
  box-shadow: 0px 16px 36px rgba(21, 24, 26, 0.15)!important;
  border-radius: 4px!important;
  font-size: 18px!important;
}

.notion-quote:hover {
  background: rgba(255, 255, 255, 0.95)!important;
  border: 1px solid rgba(255, 255, 255, 0.25)!important;
  box-shadow: 0px 24px 36px rgba(21, 24, 26, 0.25)!important;
}

.notion-quote  span {
  padding:  0px!important;  
  flex: none!important;
  order: 0!important;
  flex-grow: 1!important;
}

.notion-quote .notion-semantic-string span {
  padding: 0px!important;  
  flex: none!important;
  order: 0!important;
  flex-grow: 1!important;
  display: flex!important;
}

.notion-quote a {
  padding: 16px 24px!important;
  border-bottom: none!important;
  width: 100%!important;
  text-align: center!important;
  opacity: 1!important;
}

.notion-quote.bg-gray {
  background: #2C393F!important;
  box-shadow: 0px 16px 36px rgba(21, 24, 26, 0.35)!important;
}

.notion-quote.bg-gray:hover {
  background: #404D53!important;
  box-shadow: 0px 24px 36px rgba(21, 24, 26, 0.35)!important;
}

.notion-quote.bg-brown {
  background: #6B432D!important;
  box-shadow: 0px 16px 36px rgba(37, 17, 6, 0.35)!important;
}

.notion-quote.bg-brown:hover {
  background: #7F5741!important;
  box-shadow: 0px 24px 36px rgba(37, 17, 6, 0.35)!important;
}

.notion-quote.bg-orange {
  background: #EB5822!important;
  box-shadow: 0px 16px 36px rgba(122, 35, 3, 0.35)!important;
}

.notion-quote.bg-orange:hover {
  background: #F56C36!important;
  box-shadow: 0px 24px 36px rgba(122, 35, 3, 0.35)!important;
}

.notion-quote.bg-yellow {
  background: #FF9D0A!important;
  box-shadow: 0px 16px 36px rgba(136, 94, 30, 0.35)!important;
}

.notion-quote.bg-yellow:hover {
  background: #FFB11E!important;
  box-shadow: 0px 24px 36px rgba(136, 94, 30, 0.35)!important;
}

.notion-quote.bg-green {
  background: #16A494!important;
  box-shadow: 0px 16px 36px rgba(28, 61, 55, 0.35)!important;
}

.notion-quote.bg-green:hover {
  background: #2AB8A8!important;
  box-shadow: 0px 24px 36px rgba(28, 61, 55, 0.35)!important;
}

.notion-quote.bg-blue {
  background: #3A81EA!important;
  box-shadow: 0px 16px 36px rgba(42, 70, 125, 0.35)!important;
}

.notion-quote.bg-blue:hover {
  background: #4E95FE!important;
  box-shadow: 0px 24px 36px rgba(42, 70, 125, 0.35)!important;
}

.notion-quote.bg-purple {
  background: #926CFF!important;
  box-shadow: 0px 16px 36px rgba(27, 13, 116, 0.35)!important;
}

.notion-quote.bg-purple:hover {
  background: #A680FF!important;
  box-shadow: 0px 24px 36px rgba(27, 13, 116, 0.35)!important;
}

.notion-quote.bg-pink {
  background: #EE4C9A!important;
  box-shadow: 0px 16px 36px rgba(113, 21, 103, 0.35)!important;
}

.notion-quote.bg-pink:hover {
  background: #FF60AE!important;
  box-shadow: 0px 24px 36px rgba(113, 21, 103, 0.35)!important;
}

.notion-quote.bg-red {
  background: #F13C3C!important;
  box-shadow: 0px 16px 36px rgba(122, 18, 18, 0.35)!important;
}

.notion-quote.bg-red:hover {
  background: #FF5050!important;
  box-shadow: 0px 24px 36px rgba(122, 18, 18, 0.35)!important;
}

.notion-quote.bg-gray, 
.notion-quote.bg-brown, 
.notion-quote.bg-orange, 
.notion-quote.bg-yellow, 
.notion-quote.bg-green, 
.notion-quote.bg-blue, 
.notion-quote.bg-purple, 
.notion-quote.bg-pink, 
.notion-quote.bg-red {
  color: #fff!important;
}







/*---------  ROOTS  ---------*/






:root {
  --color-text-gray: #68757B!important;
  --color-text-brown: #7F5741!important;
  --color-text-orange: #F56C36!important;!important;
  --color-text-yellow: #FFB11E!important;
  --color-text-green: #16A494!important;
  --color-text-blue: #0092d7!important;
  --color-text-purple: #A680FF!important;
  --color-text-pink:  #cd3694!important;
  --color-text-red: #FF5050!important;
  --column-spacing: 48px!important;
  --collection-card-cover-size-small: 100%!important;
  --collection-card-cover-size-medium: 100%!important;
  --collection-card-cover-size-large:  100%!important;
}

:root { 
  --max-width: 990px!important; 
}

.max-width {
  max-width: var(--max-width) !important;
}


/*---------  RESPONSIVE: LAPTOP  ---------*/



@media screen and (max-width: 1170px) and (min-width: 860px) {
  h1 {
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 48px !important;
    line-height: 64px !important;
    letter-spacing: -0.05em !important;
    margin-bottom: 16px!important;
  }
  
  h2 {
    font-style: normal!important;
    font-weight: 500 !important;
    font-size: 32px!important;
    line-height: 48px!important;
    letter-spacing: -0.03em!important;
    margin-bottom: 8px!important;
  }
  
  h3 {
    font-style: normal!important;
    font-weight: 500 !important;
    font-size: 24px!important;
    line-height: 32px!important;
    letter-spacing: -0.03em!important;
    margin-bottom: 4px!important;
  }

  p {
    font-style: normal!important;
    font-weight: normal!important;
    font-size: 18px!important;
    line-height: 28px!important;
    margin: 0px 0px 8px 0px!important;
    letter-spacing: -0.01em!important;
    opacity: 0.75!important;
  }

  .notion-divider {
  border-bottom: none!important;
  margin: 48px 0px!important;
  }

  :root {
  --column-spacing: 36px!important;
  }
  
  .notion-collection-gallery {
    gap: 36px!important;
  }
  
  .notion-collection-card.board .notion-property__title {
    align-items: center!important;
    padding: 24px!important;
    font-size: 18px!important;
    line-height: 32px!important;
    letter-spacing: -0.01em!important;
  }
  
  .notion-collection-board {
    gap: 36px!important;
  }
  

.notion-collection-card__cover.small, .notion-collection-card__cover.small > div, .notion-collection-card__cover.small img{
    height: 160px!important;
    max-height: 160px!important;
}

.notion-collection-card__cover.medium, .notion-collection-card__cover.medium > div, .notion-collection-card__cover.medium img {
    height: 240px!important;
    max-height: 240px!important;
}


 .notion-collection-card__cover.large, .notion-collection-card__cover.large > div, .notion-collection-card__cover.large img {
    height: 360px!important;
    max-height: 360px!important;
}


.notion-collection-card.gallery .notion-collection-card__content .notion-property__number:nth-child(1){
  left: 16px !important;
  top: 16px !important;
  padding: 8px 16px!important;

}

.notion-toggle__summary {
  padding: 24px!important;
  font-size: 24px!important;
  line-height: 32px!important;
  letter-spacing: -0.01em!important;

}

.notion-toggle__content {
  padding: 0px 48px 24px 24px!important;
  padding-inline-start: calc(3.5em + 6px)!important;
}

.notion-collection-list__item .notion-property__title {
  font-style: normal!important;
  font-weight: 500 !important;
  font-size: 24px!important;
  line-height: 32px!important;
  letter-spacing: -0.01em!important;
  padding: 0px 0px 4px 0px!important;
  border-bottom: none!important;
}

}





/*---------  RESPONSIVE: Tablet  ---------*/



@media screen and (max-width: 859px) and (min-width: 681px) {
  
  .super-content {
    padding-left: calc(env(safe-area-inset-left) + 24px)!important;
    padding-right: calc(env(safe-area-inset-right) + 24px)!important;
}


  h1 {
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 48px !important;
    line-height: 64px !important;
    letter-spacing: -0.05em !important;
    margin-bottom: 16px!important;
  }
  
  h2 {
    font-style: normal!important;
    font-weight: 500 !important;
    font-size: 32px!important;
    line-height: 48px!important;
    letter-spacing: -0.03em!important;
    margin-bottom: 8px!important;
  }
  
  h3 {
    font-style: normal!important;
    font-weight: 500 !important;
    font-size: 24px!important;
    line-height: 32px!important;
    letter-spacing: -0.03em!important;
    margin-bottom: 4px!important;
  }

  p {
    font-style: normal!important;
    font-weight: normal!important;
    font-size: 16px!important;
    line-height: 24px!important;
    margin: 0px 0px 8px 0px!important;
    letter-spacing: -0.01em!important;
    opacity: 0.75!important;
  }

  .notion-divider {
  border-bottom: none!important;
  margin: 36px 0px!important;
  }

  :root {
  --column-spacing: 24px!important;
  }
  
  .notion-collection-gallery {
    gap: 24px!important;
  }
  
  .notion-collection-card.board .notion-property__title {
    align-items: center!important;
    padding: 16px!important;
    font-size: 16px!important;
    line-height: 32px!important;
    letter-spacing: -0.01em!important;
  }
  
  .notion-collection-card.board .notion-pill {
  font-size: 16px!important;
  }
  
  .notion-collection-board {
    gap: 24px!important;
  }
  


.notion-collection-card__cover.small, .notion-collection-card__cover.small > div, .notion-collection-card__cover.small img{
    height: 120px!important;
    max-height: 120px!important;
}

.notion-collection-card__cover.medium, .notion-collection-card__cover.medium > div, .notion-collection-card__cover.medium img {
    height: 180px!important;
    max-height: 180px!important;
}


 .notion-collection-card__cover.large, .notion-collection-card__cover.large > div, .notion-collection-card__cover.large img {
    height: 240px!important;
    max-height: 240px!important;
}


.notion-collection-card.gallery .notion-collection-card__content .notion-property__number:nth-child(1){
  left: 16px !important;
  top: 16px !important;
  padding: 8px 16px!important;

}

.notion-toggle__summary {
  padding: 24px!important;
  font-size: 24px!important;
  line-height: 32px!important;
  letter-spacing: -0.01em!important;

}

.notion-toggle__content {
  padding: 0px 48px 24px 24px!important;
  padding-inline-start: calc(3.5em + 6px)!important;
}

.notion-collection-list__item .notion-property__title {
  font-style: normal!important;
  font-weight: 500 !important;
  font-size: 24px!important;
  line-height: 32px!important;
  letter-spacing: -0.01em!important;
  padding: 0px 0px 4px 0px!important;
  border-bottom: none!important;
}

}







/*---------  RESPONSIVE: MOBILE  ---------*/



@media screen and (max-width: 680px){
  
  



.super-content {
    padding-left: calc(env(safe-area-inset-left) + 24px)!important;
    padding-right: calc(env(safe-area-inset-right) + 24px)!important;
}

.notion-text {
    min-height: 0px!important;
}

.notion-column {
  margin-bottom: 24px!important;
}

.notion-quote {
  margin: 24px 0px!important;
}

.notion-callout {
  margin-bottom: 24px!important;
}

.notion-image{
  margin-bottom: 24px!important;  
}


  h1 {
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 36px !important;
    line-height: 48px !important;
    letter-spacing: -0.05em !important;
    margin-bottom: 16px!important;
  }
  
  h2 {
    font-style: normal!important;
    font-weight: 500 !important;
    font-size: 32px!important;
    line-height: 48px!important;
    letter-spacing: -0.03em!important;
    margin-bottom: 8px!important;
  }
  
  h3 {
    font-style: normal!important;
    font-weight: 500 !important;
    font-size: 24px!important;
    line-height: 32px!important;
    letter-spacing: -0.03em!important;
    margin-bottom: 4px!important;
  }

  p {
    font-style: normal!important;
    font-weight: normal!important;
    font-size: 16px!important;
    line-height: 24px!important;
    margin: 0px 0px 8px 0px!important;
    letter-spacing: -0.01em!important;
    opacity: 0.75!important;
  }

  .notion-divider {
  border-bottom: none!important;
  margin: 48px 0px!important;
  }

  :root {
  --column-spacing: 24px!important;
  }
  
  .notion-collection-gallery {
    gap: 16px!important;
  }
  
  .notion-collection-gallery.small {
        grid-template-columns: 1fr!important;
  }
 
   .notion-collection-gallery.medium {
        grid-template-columns: 1fr!important;
  }
  
  
    .notion-collection-gallery.large {
        grid-template-columns: 1fr!important;
  }
  
  
  .notion-collection-card.board .notion-property__title {
    align-items: center!important;
    padding: 24px!important;
    font-size: 16px!important;
    line-height: 24px!important;
    letter-spacing: -0.01em!important;
  }
  
  .notion-collection-card.board .notion-pill {
  font-size: 16px!important;
  }
  
  .notion-collection-board {
    grid-template-columns: 1fr!important;
    gap: 16px!important;
  }
  
  .notion-collection-card.board .notion-collection-card__property {

    padding-bottom: 0px!important;
}
  


.notion-collection-card__cover.small, .notion-collection-card__cover.small > div, .notion-collection-card__cover.small img{
    height: 240px!important;
    max-height: 240px!important;
    
}

.notion-collection-card__cover.medium, .notion-collection-card__cover.medium > div, .notion-collection-card__cover.medium img {
    height: 240px!important;
    max-height: 240px!important;
}


 .notion-collection-card__cover.large, .notion-collection-card__cover.large > div, .notion-collection-card__cover.large img {
    height: 240px!important;
    max-height: 240px!important;
}


.notion-collection-card.gallery .notion-collection-card__content .notion-property__number:nth-child(1){
  left: 16px !important;
  top: 16px !important;
  padding: 8px 16px!important;

}

.notion-toggle__summary {
  padding: 16px!important;
  font-size: 18px!important;
  line-height: 24px!important;
  letter-spacing: -0.01em!important;

}

.notion-toggle__content {
  padding: 0px 16px 0px 16px!important;

}

.notion-collection-list__item {
    padding: 24px!important;
}

.notion-collection-list__item:hover {
    padding: 24px!important;
}


.notion-collection-list__item .notion-property__title {
  font-style: normal!important;
  font-weight: 500 !important;
  font-size: 18px!important;
  line-height: 24px!important;
  letter-spacing: -0.01em!important;
  padding: 0px 0px 4px 0px!important;
  border-bottom: none!important;
}

.notion-collection-list__item-content {
    flex-direction: column!important;
    align-items: flex-start!important;
}

.notion-collection-list__item-property {
  margin-bottom: 8px!important;
}

.notion-collection-list__item-property .notion-property__select{
  margin-bottom: 8px!important;
  display: block!important;
}

.notion-collection-list__item-property .notion-property__select .notion-pill {
margin-bottom: 8px!important;
}



}

Tally dash: https://tally.so/dashboard

The world of electric vehicles is changing fast.

Is there silly hype? Sure.

Can electric be more fun than gas? Buckle up.

Can it save you money? Absolutely.

Is it more complicated to charge than fill up? Depends, but sometimes…yes.

Should you ignore EVs and wait for other people to figure this out for you? Hell no. You should go electric when it makes sense for your lifestyle and your budget.

I created My Next Electric - to help real people electrify their personal vehicle fleets - one electric vehicle at a time.

Experiment ideas

4X25

About Matt

I’m Matt. I've been teaching & coaching for 25 years and electrifying vehicles for 15. Making stuff like this fun & easy to understand is my jam. I don’t know it all. But I’m obsessed with creating a space for everyone to learn what they need to save money and live a more joyful life, especially during this messy transition.

I’ve spent the last year figuring out the best way to help people get started on this stuff. My latest and best iteration is a three-hour online course on EVs and homes. We’ve got more and more demand for EVs now, so that 90-min session’s a stand alone session, now! By the end of the course you’ll understand the pieces of the go-electric puzzle, have tried at least one new electric thing, met other curious people, and starting making a plan for your next electric.

Learn more about me and connect here.

About My Next Electric

The world of electric vehicles is changing fast.

Is there silly hype? Sure.

Can electric be more fun than gas? Buckle up.

Can it save you money? Absolutely.

Is it more complicated to charge than fill up? Depends, but sometimes…yes.

Should you ignore EVs and wait for other people to figure this out for you? Hell no. You should go electric when it makes sense for your lifestyle and your budget.

I created My Next Electric - to help real people electrify their personal vehicle fleets - one electric vehicle at a time.

Stay up to date. For free. We love lurkers.

If you’re not ready to take a course yet, jump on the newsletter and lurk as long as you like. We’ll keep you posted on new courses, experiments, and where we’re headed next.

Thanks for scanning that QR! Share your name, email and ask me anything! Matt Candler, Founder, My Next Electric

post on corp

Meanwhile, I’ll be exploring a business model I’ve been crushing on for years. The Second City, famous for improv comedy training, has a unique model that keeps costs low for aspiring comics by supplementing with corporate training and coaching. In fact, business owners have started showing up in our classes, curious about how electric vehicles and appliances might impact their businesses. This is really interesting to me; I think it makes sense to explore serving this community in a way that helps them go electric, makes this work sustainable for the My Next Electric team, and makes the individual courses more accessible.

I’ll keep you posted on the corporate side of this. Please share any feedback, advice here if you’re interested!

After 15 years of (re)designing electric motorcycles , I see two key vehicle design questions under all of this. for 15 years and think the answer comes from how these two platforms deal with 2 fundamental vehicle design decisions: how to store energy (fuel) and how to convert it to motion (motor). As we'll see, that fuel storage question, and gasoline's super-power - energy density

I’m going to ship this version, but in a month, I’m going to scrap the last section for a pro-tips, buying guide tour.

⏲	What we’ll do	What we’ll learn	Clock
3	Vid 101.1	The world we’re in today: 1 Billion mostly gas machines	:00-03
2	Sketch	Share a fun vehicle memory to warm up your brain	:03-05
5	Vid 101.2	EV vs Gas: Vehicle design and why you should care	:05-10
3	Journal	Anxious to Giggly: Where are you on the EV continuum?	:10-13
5	Vid 101.3	Personal fleets: How they may evolve; mine for now.	:13-18
4	Sketch	Your vehicle fleet + your next electric ____?	:18-22
4	Vid 101.4	Your electric home + 1 rule of thumb for getting there	:22-26
4	Survey	Questions/nudges: What’s next + feedback for me.	:26-30

FREE advice and fun events

I host weekly office hours for crash course students & monthly meetups for alumni learning to drive, ride and live electric.

Weekly Office Hours

Dope weekly newsletter

Instead of clicking all around here, you can just get the newsletter. Drops weekly.

All the newsletters

Subscribe

Mobility mischief

Agency

Clean energy and electrification will change your company. I’ll shoot you straight as you lean in to it.

Talk to me

💡

Individuals

We’ve spent two years learning how to help folks all over the US start electrifying their personal stuff. We’re here to help anyone, anywhere learn how to get going towards a more electrified, affordable life.

Investors

In 2019, after 25 years investing other folks’ money, our founder, Matt Candler started investing his own money in companies electrifying vehicles, appliances and the power grid. Now we’re sharing what we’re learning with other curious investors.

Incumbents

We empathize with leaders in oil & gas, utilities, and automotive. The 1B machines you power help all of us live more comfortable, productive lives. We need you. So we’re helping curious partners navigate the innovator’s dilemma that comes with decarbonization, electrification and the clean energy transition by crafting small-scale experiences in driving and living electric.

Consulting

💡

DIY COURSE

Still pretty smart

60-min self-paced course

Email coaching support

The good, bad and TBD of EVs

Finding the best EV for you

Driving, charging, and road-tripping

Start the course

💡

Driving an electric vehicle is a blast. Getting one isn’t yet.

You might need an EV coach

💡

1:1 EV COACHING

Are you changing vehicles soon? This is the way.

Find the EV for your setup/budget

Where to test drive & buy/lease

Make sure you get the best deal

How & when to set up charging

Get a coach

💡

NEW ORLEANS LIVE

Can you make it to NOLA? Join our fun, fast IRL course.

All the 1:1 coaching goodness

Jammed into a 2 hour sprint

Limit 12 spots

Learn faster with others

Sign up for Dec 5

Parking Lot