.markdown {
    text-align: start;
      width: 100%;
      max-width: 850px;
      margin-bottom: 5em;
      border-right: 0.5em solid rgba(255, 255, 255, 0);
      border-left: 0.5em solid rgba(255, 255, 255, 0);
      /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; */
      line-height: 1.5;
      color: #c0c9d3;
      font-size: large;
      overflow-x:hidden ;
    }
  
    .markdown p::selection  {
      color: rgb(24, 216, 255);
      background-color: #272782;
      }
    
    .markdown h1,
    .markdown h2,
    .markdown h3,
    .markdown h4,
    .markdown h5,
    .markdown h6 {
      margin-top: 24px;
      margin-bottom: 10px;
      font-weight: 600;
      line-height: 1.25;
    }
    
    .markdown h1 {
      font-family: "Montserrat",Inter ;
      color: #bb9af7;
      font-weight: 900;
      position: relative;
      font-size: 2em;
      margin-bottom: 0;
      /* padding-bottom: 10px; */
      /* margin-bottom: 10px; */
    }
  
    /* .markdown h1::after {
      content: '';
      width: 100%;
      height: 1.5px;
      bottom: 0px;
      left: 0px;
      position: absolute;
      background: rgb(187,154,247);
      background: linear-gradient(90deg, rgba(187,154,247,1) 0%, rgba(187,154,247,1) 57%, rgba(187,154,247,0) 100%);
    } */
    
    .markdown h2 {
      color: #e0af68;
      font-size: 1.5em;
    }
    
    .markdown h3 {
      color : #9ece6a;
      font-size: 1.25em;
    }
    
    .markdown h4 {
     color: #309ee1;
      font-size: 1em;
    }
    
    .markdown h5 {
      font-size: 0.875em;
    }
    
    .markdown h6 {
      font-weight: 300;
      margin-top: 5px;
      margin-bottom: 2em;
      font-size: 0.85em;
      color: rgba(255, 255, 255, 0.715);
    }
    
    .markdown p {
      margin: 0 0 10px;
    }
    
    .markdown blockquote {
      margin: 0;
      padding: 0 1em;
      color: rgb(66, 192, 255);
      background-color: rgba(2, 129, 255, 0.093);
      border-left: 0.25em solid rgba(2, 129, 255, 0.5);
    }
    
    .markdown ol,
    .markdown ul {
      padding-left: 2em;
      margin-top: 0;
      margin-bottom: 16px;
    }
    
    .markdown ol ol,
    .markdown ul ol,
    .markdown ol ul,
    .markdown ul ul {
      margin-bottom: 0;
    }
    
    .markdown li {
      word-wrap: break-word;
    }
    
    .markdown table {
      border-spacing: 0;
      border-collapse: collapse;
      margin-bottom: 16px;
    }
    
    .markdown table th {
      font-weight: 600;
    }
    
    .markdown table th,
    .markdown table td {
      border: 0.5px solid #dfe2e5;
      padding: 6px 13px;
    }
    
    .markdown pre {
      background-color: #24283b;
      border-radius: 5px;
      margin-bottom: 1em;
      padding: 16px;
      overflow: auto;
      line-height: 1.45;
    }
    
    .markdown code {
      background-color: #3f466a;
      border-radius: 5px;
      padding: 0.2em 0.4em;
      font-size: 85%;
    }
    
    .markdown pre code {
      background: none;
      padding: 0;
      font-size: 100%;
    }
    
    .markdown a {
      position: relative;
      color: #4cbaff;
      text-decoration: none;
    }
    .markdown a:hover::after {
      content: "🌐";
      font-size: 0.75rem;
      width: 1px;
      height: auto;
      top: -9px;
      right: 3px;
      position: absolute;
      color: #4cbaff;
      text-decoration: none;
    }
    
    .markdown a:hover {
      text-decoration: underline;
    }
    
    .markdown img {
      max-width: 100%;
      box-sizing: initial;
    }
    
    .markdown hr {
      height: 0.25em;
      padding: 0;
      margin: 24px 0;
      background-color: #e1e4e8;
      border: 0;
    }
    a {
        color: #bb9af7;
        position: relative;
        transition: all;
        overflow: hidden;
    }

    a:hover::after {
        animation: mymove 0.5s forwards;
        bottom: 0px;
        left: -40;
        content: '';
        width: 100%;
        opacity: 0;
        background-color: rgb(255, 90, 90);
        height: 2px;
        position: absolute;
    }

    .layout-link {
        font-family: "Montserrat", "Merriweather";
    }

    .link-wrapper  {
        display: flex;
        width: 100%;
        justify-content: center;
        margin: 1.5rem 0;
        gap: 3vw;
    }
    
    @media (max-width: 850px) {
      .markdown {
        font-size: medium;
        width: -webkit-fill-available;
        margin: 0 15px;
        margin-bottom: 5em;
      }
     }