@import url('https://fonts.googleapis.com/css2?family=Aboreto&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');


:root{
	--primary-font: 'Aboreto';
	--secondary-font: 'Noto Sans';
	--base-font-size: 15px;
	--border-radius: 16px;
  --heading-font-size: 1.8rem;
	--db-cover-height-medium:300px;
	--db-card-shadow-opacity:0;
	--container-width: 97%;
	--navbar-align-links: center;
	--footer-bg-color: #463acb;
	--footer-fg-color: white;
	--navbar-shadow-opacity: 0;
	--navbar-brand-font-size: 1.6rem;
	
}
.dark-mode{
	 --bg-color: #0b0d0e;
	 --navbar-btn-bg-color: #463acb;
	 --footer-bg-color: #463acb;
}
 :root {
    --navbar-align-links: center;
    --navbar-brand-logo-width: 50px;
    --navbar-fg-color: #475569;
    --navbar-bg-color: white;
    --navbar-btn-bg-color:  #463acb;
    --navbar-btn-fg-color: white;
    --navbar-align-links: end;
 }

  .notion-title{
  	display: none;
  }
  .navbar.bullet-navbar .navbar-item {
    font-weight: 500;
    transition: color 0.2s ease;
  }
.notion-page-icon-inline{
	margin-top: 0.4rem;
}
  
  .navbar.bullet-navbar .navbar-item:hover {
    color: var(--navbar-btn-bg-color);
  }
  .nav-cta-btn{
    height: 3rem;
    border: unset;
  }
  .notion-half-width{
  	padding: 0;
  }

hr{
	background: var(--bg-color-2);
	height: 1px;
}
.bullet-btn, .notion-button .notion-button-inner {
    background: var(--navbar-btn-bg-color);
    color: var(--navbar-btn-fg-color);
    line-height: 28px;
    opacity: 1;
    border-radius: var(--border-radius);
    padding: 10px 26px;
    font-size: 1rem;
    font-weight: 700;
    width: 100%;

}
.bullet-btn, .notion-button .notion-button-inner:hover{
	    opacity: .9;;
}
img{
	border-radius: var(--border-radius);
}
.notion-h2{
	margin-top: .8rem;
}

.co-webeeui-arrow-toggle{
  margin: 1rem auto;
}
.notion-toggle {
    border-bottom: 1px solid var(--bg-color-1);
    line-height: 21px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
a.navbar-item:focus-within {
color: unset;
background-color: unset;
}


summary {
    list-style: none;
    list-style-type: none;
    padding: 21px 0!important;
}

 details>div {
    padding-bottom: 20px
}

 summary:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 0 1 1.06.02L10 10.94l3.71-3.71a.75.75 0 1 1 1.06 1.06l-4.24 4.25a.75.75 0 0 1-1.06 0L5.23 8.29a.75.75 0 0 1 .02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-size: 16px 16px;
    content: "";
    height: 18px;
    position: absolute;
    right: 10px;
    top: 22px;
    transform: rotate(270deg);
    width: 18px;
}
details[open] summary:after {
    transform: rotate(0deg);
}