@charset "utf-8";

/* @Media
* ค่าความกว้างต้ำที่สุดที่สามารถใช้ css นี้ได้ คือ 1000px (ใช้เฉพาะตัวนี้)
@media only screen and (min-width: 1000px){}
* ค่าความกว้างมากที่สุดที่สามารถใช้ css นี้ได้ คือ 1000px
@media only screen and (max-width: 1000px){}
* ค่าความกว้างระหว่าง 400px ถึง 600px ที่สามารถใช้ css นี้ได้
@media only screen and (min-width: 400px) and (max-width: 600px){}
*/

/* Dark mode */
body.dark{
   background-color: #003971;
   color: rgba(255, 255, 255, 0.8);
}
.dark a{
   color: rgba(255, 255, 255, 0.7);
   transition: all 0.3s ease;
}
   .dark a:hover{
      color: rgba(255, 255, 255, 1);
   }

   /* body:has(.dark) .dark-img{ display: unset }
   body:has(.dark) .light-img{ display: none }

   body:has(.light) .light-img{ display: unset }
   body:has(.light) .dark-img{ display: none } */