@font-face {
     font-family: 'Poppins';
     src: url("{{ asset('public/fonts/poppins/Poppins-Regular.ttf') }}") format('truetype');
     font-weight: 400;
     font-style: normal;
 }

 body {
     font-family: ui-sans-serif, system-ui, sans-serif,
         "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
         "Noto Color Emoji";
 }

 article h1,
 article h3 {
     color: rgb(39, 39, 42);
     font-weight: 700;
     line-height: 32px;
 }

 article h2 {
     font-size: 24px;
     color: rgba(0, 0, 0, 1);
     font-weight: 700;
     /* line-height: 32px; */
 }

 article p {
     line-height: 30px;
     color: rgb(0 0 0);
 }

 /* Custom CSS for highlighted code blocks */
 pre code.hljs {
     display: block;
     padding: 1rem;
     /* Inner spacing */
     background-color: #352f2f;
     border-radius: 0.5rem;
     overflow-x: auto;
     font-size: 0.875rem;

 }

 pre code.hljs {
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
 }

 .hljs-php {
     background-color: #f0f4ff;
 }

 nav[role="navigation"] a,
 nav[role="navigation"] button {
     cursor: pointer;
 }

 /* Add spacing between pagination buttons */
 nav[role="navigation"] .flex>*+* {
     margin-left: 0.5rem;
 }