BODY    { cursor:url("/Elements/pinceau.cur"), auto; background-color: lightgoldenrodyellow; margin: 0; }
P       { font-family: "Times New Roman", Times, serif; font-size: 20pt; }

.expo-text  { text-indent: -40; margin-left: 40; }

/* .gallery { } */

.gallery img {
  padding: 20px 10px; /* (20px top/bottom, 10px left/right). */
  vertical-align: middle;
}
.gallery:hover .gallery-work-info {display: inline-block;}

.gallery-work-info { display: none;   position: absolute;
  background-color: white;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  color: black;
  font-family: Arial, Helvetica, sans-serif; 
  text-align: left;
  margin-top: 1%;
  margin-left: 0%;
  padding: 12px 16px;
}

.WorkDisplay-text  { font-size: 24px; font-family: Georgia, 'Times New Roman', Times, serif; }
.WorkDisplay-image { height: 800px; padding: 40px; }

navbar      { margin: 0; padding: 0; position: fixed; top: 0; width: 100%; background-color: white; }
navbar img  { vertical-align: middle; padding: 5px;}

.menu { list-style: none; display: flex; flex-wrap: wrap; }
.menu li {position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 32px; text-decoration: none;}
.menu a { display: block; padding: 5px; color: black; text-decoration: none; white-space: nowrap; transition: background 0.2s, color 0.2s; }
.menu li:hover > a { background-color: black; color: white; }
.submenu, .submenu-right { display: none; position: absolute; background: white; list-style: none; z-index: 100; padding-left: 0px; padding-right: 0px;}
.menu li:hover > .submenu { display: block; top: 100%; left: 0%; }
.submenu li:hover > .submenu-right { display: block; top: 0; left: 100%; }

.cursive    { font-family: "Brush Script MT", "Lucida Handwriting", cursive; }
.serif      { font-family: "Times New Roman", Times, serif; }
.sans-serif { font-family: Arial, Helvetica, sans-serif; }
.monospace  { font-family: "Lucida Console", "Courier New", monospace; }
.fantasy    { font-family: Copperplate, Papyrus, fantasy; }