@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans&display=swap');

   nav ul{
      margin-top: 0;
      margin-bottom: 100%;
      padding: 0;
      background-color: #000000;
      list-style-type: none;
      position: fixed;
      top: 0;
      width: 87%;
    }
    
   nav li {
      margin-right: 10px;
      margin-left: 10px;
      margin-top: 2px;
      float: left;
    }
    
    
    li a {
       margin-right: 0;
       margin-left: 0;
       margin-top: 2px;
       padding: 0;
       list-style-position: inside;
       display: block;
       float: left;
       color: #737272;
       text-align: center;
       text-decoration: none;
       list-style-type: none;
       font-size: 1.2em;
    }
    
    .pages{
      padding: 14px 20px;
      margin-top: 5px;
      margin-left: 7%;
      font-size: 0.8em;
      font-family: 'DM Sans', sans-serif;
    }
    
  
    body{
        margin-left: 6%;
        margin-right: 6%;
        font-size: 1em;
        font-weight:normal;
        font-family: "roboto", sans-serif;
        color: #c6c9cc;
        background-color: white;
        background-image: url("home_page.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        list-style-position: inside;
    }

    .title{
      text-align: center;
      color: #000000;
      font-family: 'Kanit', sans-serif;
      font-size: 1.5em;
      padding-bottom: 0;
    }
    
    h2{
      text-align: center;
      color: black;
      font-size: 1em;
      font-family: arial;
      margin-left: 30%;
      margin-right: 30%
    }
    
    p{
      margin-left: 30%;
      margin-right: 30%;
      color: black;
      text-align: center;
    }
    
    li a:hover {
        color: white;
    }