body {
  padding-top: 136px;
  background-image: linear-gradient(to left top, #f9f7f7, #f6f1f3, #f1ebf1, #e8e6f0, #dbe2ef);
}
  
    html {margin: 0;
        padding: 0;
        height: 100%;
        background-image: url("bg3.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
       
        font-family: 'Prompt', sans-serif;
        
    }

    h3 {font-family: 'Prompt', sans-serif;
    }

     h1 {font-family: 'Prompt', sans-serif;
    }

     h2 {font-family: 'Prompt', sans-serif;
    }
     h4 {font-family: 'Prompt', sans-serif;
    }

    p {font-family: 'Prompt', sans-serif;
  

    }

    nav {
     
      font-family: 'Prompt', sans-serif;
    font-size: 18.2px;
    

}

#user_data th {
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  background-color: rgb(60, 60, 60);
  color: white;
  font-size: 20px;
}





#bar a {font-size: 18px;
    background-color: rgb(255, 165, 0);
    color: black;

}


#bar a:hover{
    background-color: rgb(255, 255, 255);


}

.panel{font-size: 16px;
}

.rowdata{font-size: 1.5vh;
}

.rowdata tr:hover{background-color: rgb(255, 165, 0);

}


@-webkit-keyframes blinker {
    from {opacity: 1.0;}
    to {opacity: 0.0;}
  }
  .blink{
      text-decoration: blink;
      -webkit-animation-name: blinker;
      -webkit-animation-duration: 1s;
      -webkit-animation-iteration-count:infinite;
      -webkit-animation-timing-function:ease-in-out;
      -webkit-animation-direction: alternate;
  }


  .btn-primary {
    background-color: #00224D; /* สีปุ่ม */
    color: #fff; /* สีข้อความบนปุ่ม */
  }