#nav-bar {
    list-style-type: none;
    justify-content: center;
    padding-inline-start: 0;
  }
#nav-ele {
  float: left;
}
  li a {
    display: inline;
    color: white;
    text-align: center;
    padding: 0px 16px;
    text-decoration: none;
    outline: none;
  }
  

  #header_id {
    



    font-family: aesthet-nova, serif;

    font-weight: 400;
    
    font-style: normal;
    

    display: flex;
    /* justify-content: center; */
    align-items: center;
    flex-flow: column;
  }

  #desc {
      height: 200px;
      padding: 10px;
      margin-top: 5%;
      margin-left: 10%;
      width: 400px;
      



      font-family: aesthet-nova, serif;

      font-weight: 300;
      
      font-style: normal;
      

  }

  #hmpgpic {
    width: 500px;
    margin-top: 10%;
    margin-left: 35%;
  }

  

  #maincontent {
    font-family: aesthet-nova, serif;

      font-weight: 300;
      
      font-style: normal;
    display: flex;
  }

  #meme {
    opacity: 3%;
    color: white;
    position: absolute; 
    left: 10%;
    width: 200px;
  }

  #content {
    font-family: aesthet-nova, serif;

      font-weight: 300;
      
      font-style: normal;
    margin: auto;
  width: 50%;
  text-align: center;
  }

  #content-2 {
    font-family: aesthet-nova, serif;

      font-weight: 300;
      
      font-style: normal;
    margin: auto;
  width: 50%;
  text-align: center;
  margin-right: 25.2%;
  }

  

  #list {
    font-family: aesthet-nova, serif;

      font-weight: 300;
      
      font-style: normal;
    text-align: center;


  }
  #list-2 {
    font-family: aesthet-nova, serif;

      font-weight: 300;
      
      font-style: normal;
    text-align: center;
    margin-right: 8%;

  }

  #resume {
    text-decoration: underline;
  }
  :root {
    --background-body: #202b38;
    --background: #161f27;
    --background-alt: #1a242f;
    --selection: #1c76c5;
    --text-main: #dbdbdb;
    --text-bright: #fff;
    --text-muted: #a9b1ba;
    --links: #41adff;
    --focus: #0096bfab;
    --border: #526980;
    --code: #ffbe85;
    --animation-duration: 0.1s;
    --button-hover: #324759;
    --scrollbar-thumb: var(--button-hover);
    --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));
    --form-placeholder: #a9a9a9;
    --form-text: #fff;
    --variable: #d941e2;
    --highlight: #efdb43;
    --select-arrow: svg-load('./assets/select-arrow.svg', fill: #efefef);
  }