     @font-face {
         font-family: 'Source Han Serif SC';
         src: url('fonts/SourceHanSerifSC-Regular.otf') format('opentype');
         font-weight: 400;
     }

     @font-face {
         font-family: 'Source Han Serif SC';
         src: url('fonts/SourceHanSerifSC-ExtraLight.otf') format('opentype');
         font-weight: 200;
     }

     @font-face {
         font-family: 'Jetbrains Mono';
         src: url('fonts/JetbrainsMono-Regular.woff2') format('woff2');
         font-weight: 400;
     }

     @font-face {
         font-family: 'Jetbrains Mono';
         src: url('fonts/JetbrainsMono-Thin.woff2') format('woff2');
         font-weight: 200;
     }

     a {
         color: #83a7a1;
         text-decoration: none;
     }

     p {
         font-weight: 200;
     }

     body {
         font-family: 'Jetbrains Mono', 'Source Han Serif SC', serif;
         background-color: #090909;
         color: #b8b8b8;
         font-size: 18px;
         font-display: swap;
         font-weight: 400;
         line-height: 40px;
         height: 200;
     }

     mark {
         background-color: rgb(29, 45, 46);
     }

     .trashboxList {
         display: grid;
         place-items: center;
         height: 100px;
     }