Collection of simple codes:

/* Typography */
h1, h2, h3, p, ol {
    width: var(--container-md) !important;
    margin: 10 auto !important;
    max-width: 95% !important;
}

h1 {
    letter-spacing: -0.6px !important;
    line-height: 1.6 !important;
    font-size: 42px !important;
}

h3 {
    font-size: 18px !important;
    margin: 18px 0% auto !important;
}

p {
    font-family: 'montserrat', normal !important;
    color: var(--color-text-default) !important;
    font-weight: 100 !important;
    font-size: 18px !important;
    line-height: 2 !important;
}

p, ol {
    font-weight: 300 !important;
    font-size: 15px !important;
    line-height: 2 !important;
}

.notion-semantic-string .link {
    transition: var(--transition) !important;
    color: var(--color-text-gray) !important;
    opacity: 1 !important;
}

.notion-semantic-string .link:hover {
    color: var(--color-text-default) !important;
}

.notion-text__content .notion-semantic-string .link {
    color: var(--color-text-default) !important;
}

.notion-text__content .notion-semantic-string .link:hover {
    color: var(--color-text-green) !important;
}

* {
    -webkit-font-smoothing: antialiased !important;
    text-rendering: optimizeSpeed !important;
    font-weight: normal !important;
    outline: none !important;
    border: none !important;
}

@font-face {
    font-family: 'space';
    src:  url('<https://code.tr.af/traf/assets/space.woff>') format('woff'),
          url('<https://code.tr.af/traf/assets/space.ttf>') format('truetype');
}

:root {
    --color-text-default-light: #8F9BA8 !important;
    --color-border-default: #1b1f23 !important;
    --color-text-default: #fff !important;
    --color-text-gray: --color-text-default !important;
    --color-bg-default: #000 !important;
    --color-primary: #06f !important;
    --color-card-bg: #000 !important;

    --container-lg: 1380px !important;
    --container-md: 1000px !important;

    --rounded-md: 4px !important;
    --rounded-lg: 8px !important;

    --transition: all .2s ease-in-out !important;
    --transition-alt: all 0.8s cubic-bezier(0.2, 1, 0.2, 1) !important;
}

.notion-header {
    margin: 200px 0 80px !important;
}

.notion-image img {
    border-radius: var(--rounded-md) !important;
}

.notion-navbar,
.notion-toggle,
.notion-collection__header,
.notion-property__title__icon-wrapper,
.notion-header__cover.no-cover {
    display: none !important;
}

.max-width {
    width: var(--container-lg) !important;
    max-width: 90% !important;
    padding: 0 !important;
}

.super-content {
    padding-bottom: 80px !important;
}

/* Custom navbar */
.nav {
    background: var(--color-bg-black);
    justify-content: space-between;
    align-items: center;
    padding: 0 100px;
    position: fixed;
    z-index: 99999;
    display: flex;
    height: 160px;
    width: 100%;
    left: 0;
    top: 0;
}

.nav-toggle {
    justify-content: center;
    flex-direction: column;
    align-items: flex-end;
    background: none;
    cursor: pointer;
    z-index: 99999;
    outline: none;
    display: flex;
    height: 60px;
    width: 50px;
    padding: 0;
}

.nav-toggle span {
    background: var(--color-text-default);
    transition: var(--transition-alt);
    margin: 3px 0;
    height: 1px;
}

.nav-toggle span:first-child { width: 22px; }
.nav-toggle span:last-child { width: 14px; }
.nav-toggle:hover span:last-child {
    width: 22px;
}

.nav-toggled span {
    margin: 0;
}

.nav-toggled span:last-child {
    pointer-events: none;
    opacity: 0;
}

.nav-links {
    transition: var(--transition-alt);
    background: var(--color-primary);
    transform: translateY(20px);
    flex-direction: column;
    pointer-events: none;
    border-radius: 4px;
    padding: 24px 0;
    position: fixed;
    display: flex;
    z-index: 9999;
    width: 320px;
    right: 60px;
    opacity: 0;
    top: 34px;
}

.nav-links-show {
    transform: translateY(0);
    pointer-events: all;
    opacity: 1;
}

.nav-link {
    color: var(--color-text-default);
    transition: var(--transition);
    text-decoration: none;
    padding: 12px 42px;
    font-weight: 100;
    font-size: 20px;
}
.nav-link:hover {
    opacity: 0.6;
}

/* Typography */
h1, h2, h3, p, ol {
    width: var(--container-md) !important;
    margin: 0 auto !important;
    max-width: 90% !important;
}

h1 {
    letter-spacing: -0.6px !important;
    line-height: 1.6 !important;
    font-size: 36px !important;
}

h3 {
    font-size: 20px !important;
    margin: 24px auto !important;
}

p {
    font-family: 'space', sans-serif !important;
    color: var(--color-text-gray) !important;
    font-weight: 100 !important;
    font-size: 18px !important;
    line-height: 2 !important;
}

p, ol {
    font-weight: 300 !important;
    font-size: 18px !important;
    line-height: 2 !important;
}

.notion-semantic-string .link {
    transition: var(--transition) !important;
    color: var(--color-text-gray) !important;
    opacity: 1 !important;
}

.notion-semantic-string .link:hover {
    color: var(--color-text-default) !important;
}

.notion-text__content .notion-semantic-string .link {
    color: var(--color-text-default) !important;
}

.notion-text__content .notion-semantic-string .link:hover {
    color: var(--color-text-gray) !important;
}

/* Home page styles */
#page-index .super-content {
    margin-top: 200px !important;
}

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

#page-index h1 a {
    background: url(--) no-repeat center center !important;
    background-size: 0 0 !important;
}

#page-index h1 a:hover {
    background-size: cover !important;
    color: transparent !important;
}

/* Projects gallery */
.notion-collection-gallery {
    grid-template-columns: 1fr !important;
    grid-gap: 40px !important;
    padding: 0 !important;
}

.notion-collection-card {
    transition: var(--transition-alt) !important;
    border-radius: var(--rounded-md) !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    display: flex !important;
    height: 640px !important;
    opacity: 0.9 !important;
}

.notion-collection-card:hover {
    transform: scale(0.96) !important;
    background: none !important;
    opacity: 1 !important;
}

.notion-collection-card:hover .notion-property__file a>div {
    opacity: 1 !important;
}

.notion-collection-card__cover,
.notion-collection-card__cover div,
.notion-collection-card__cover img {
    max-height: 100% !important;
    height: 100% !important;
}

.notion-collection-card__cover {
    position: absolute !important;
    width: 100% !important;
    z-index: -1 !important;
}

.notion-property__title {
    padding: 34px 40px !important;
    font-size: 20px !important;
}

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

.notion-property__file a>div {
    transition: var(--transition) !important;
    height: 14px !important;
    width: 14px !important;
    opacity: 0.4;
}

/* Thoughts list */
.notion-collection-list {
    border: 1px solid var(--color-border-default) !important;
    border-radius: var(--rounded-md) !important;
    /* width: var(--container-md) !important; */
    overflow: visible !important;
    /* margin: 0 auto !important; */
    padding: 0 !important;
}
.notion-collection-list__item {
    border-bottom: 1px solid var(--color-border-default) !important;
    transition: var(--transition-alt) !important;
    margin: 0 0 -1px 0 !important;
    border-radius: 0 !important;
    height: 160px !important;
    padding: 10 !important;
}
.notion-collection-list__item:last-child { border-bottom: 1px solid rgb(27,31,35,0) !important;; }
.notion-collection-list__item:hover {
    border-bottom: 1px solid rgb(27,31,35,0) !important;;
    border-radius: var(--rounded-md) !important;
    transform: scale(1.02) !important;
    background: #0019FD !important;
}
.notion-collection-list__item-content {
    font-weight: 100 !important;
    font-size: 18px !important;
    padding: 20px !important;
}

/* PW Protection */
.super-password-protection__wrapper {
    padding: 0 0 4vh 0 !important;
    max-width: 90% !important;
    width: 400px !important;
}

.super-password-protection__wrapper>div {
    display: none !important;
}

.super-password-protection__title {
    margin: 0 0 16px 0 !important;
    font-size: 20px !important;
}

.super-password-protection__input {
    border: 1px solid var(--color-border-default) !important;
    padding: 4px 20px !important;
}

.super-password-protection__input input {
    color: var(--color-text-default) !important;
}

.super-password-protection__error {
    font-size: 16px !important;
    margin-top: 12px !important;
}

::placeholder {
    color: var(--color-text-gray) !important;
}

.notion-list-item {
    font-size: 18px !important;
}

/* Mobile */
@media (max-width: 680px) {
    .notion-header,
    #page-index .super-content {
        margin-top: 100px !important;
    }
    .nav {
        background: var(--color-bg-default) !important;
        padding: 0 30px !important;
        height: 80px !important;
    }
    .nav-links {
        border-radius: var(--rounded-lg) !important;
        width: calc(100% - 24px) !important;
        padding: 110px 0 20px !important;
        right: 12px !important;
        left: 12px !important;
        top: 12px !important;
    }
    .notion-property__title {
        justify-content: center !important;;
        padding: 24px !important;
        width: 100% !important;
    }
    h1 { font-size: 30px !important; }
    .notion-collection-card { height: 420px !important; }
    .notion-collection-card__content { display: none !important; }
    .notion-collection-list__item {
        justify-content: center !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 30px !important;
        height: 200px !important;
    }
    .notion-collection-list__item .notion-property__title {
        justify-content: flex-start !important;
        padding: 0 !important;
    }
    .notion-collection-list__item-content {
        margin-top: 16px !important;
        padding: 0 !important;
    }
    .notion-list-item {
        font-size: 16px !important;
    }
}
/* Change Notion text colors */
:root {
  --color-text-blue: #0019FD!important;
}
   

<!-- Matte JavaScript -->
<script defer="defer" src="<https://juanhenriquez.github.io/matte-template/v2/matte.min.js>"></script>

<!-- Matte Styles -->
<link rel="stylesheet" href="<https://juanhenriquez.github.io/matte-template/v2/matte.min.css>">

<style>
/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #7C7C7C; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #0019FD; 
}
</style>

<style>
    @font-face {
        font-family: "Inter", "system-ui";
        src: url('<https://fonts.google.com/specimen/Inter/about?query=inter>') format('opentype');
        font-weight: 700;
        font-style: Bold;
    }
    * {
        font-family: "Inter var", "system-ui",
    }
</style>

Black Ops One

**(head link)**  <link href="<https://www.dafontfree.net/embed/YmxhY2stb3BzLW9uZS1yZWd1bGFyJmRhdGEvMTYvYi84MjMyMy9CbGFja09wc09uZS1SZWd1bGFyLnR0Zg>" rel="stylesheet" type="text/css"/>

h1 {
    font-family: 'Inter UI', sans-serif !important;
		text-transform: uppercase !important;
		font-weight: 600 !important;
		font-size: 35px !important;
	}
h3 {
    font-family: 'Inter UI', sans-serif !important;
		text-transform: uppercase !important;
		font-weight: 600 !important;
		font-size: 35px !important;
	}

/* Change default text color */
:root {
	--color-text-default: #000000!important;
}

/* Change default background color */
:root {
	--color-bg-default: #0e0e10!important;
}

/* Change Notion text colors */
:root {
  --color-text-blue: #00AAFF!important;
  --color-text-red: #FF4060!important;
  --color-text-green: #2FFFB4!important;
  --color-text-pink: #E62EE6!important;
  --color-text-yellow: #FFD333!important;
  --color-text-orange: #FF7E44!important;
  --color-text-purple: #B45AF6!important;
  --color-text-gray: #757575!important;
  --color-text-brown: #ECE9E4!important;
}

/* Change Notion background colors */
:root {
  --color-bg-blue-light: #00AAFF!important;
  --color-bg-red-light: #FF4060!important;
  --color-bg-green-light: #2FFFB4!important;
  --color-bg-pink-light: #E62EE6!important;
  --color-bg-yellow-light: #FFD333!important;
  --color-bg-orange-light: #FF7E44!important;
  --color-bg-purple-light: #B45AF6!important;
  --color-bg-gray-light: #333333!important;
  --color-bg-brown-light: #ECE9E4!important;
}

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

.super-content {
    margin-top: 60px!important; /* You can change this number */ 
}